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Processing 是 一 种 具有 革命 性 和 前 脆性 的 新 兴 计 算 机 语言 ， 该 语言 设计 的 初 训 是 为 了 使 编程 实现 交互 式 图 形 更 容易 。 该 语言 是 以 数字 艺术 为 背景 的 程序 设计 语言 ， 是 Java 语 言 的 延伸 ， 支 持 许多 现 有 的 Java 
构 ， 但 在 语法 上 简易 许多 。 它 具有 跨 平台 的 特性 (支持 Windows、iOS 和 Android) ， 对 OpenCV 和 Kinect 有 良好 的 支持 ， 除 了 可 以 很 方便 地 创作 震 拓 的 视觉 表现 及 互动 媒体 作品 以 外 ， 还 可 以 快速 实现 


语言 架 
图 


诸如 图 形 处 理 和 人 工 智能 等 高 级 应 用 。 


Arduino 是 一 款 便捷 灵活 、 方 便 上 手 的 开源 电子 原型 平台 ， 包 含 硬件 (各 种 型 号 的 Arduino 板 ) 和 软件 (Arduino IDE) 。Arduino 能 通过 各 种 各 样 的 传感器 来 感知 环境 ， 通 过 控制 灯光 、 电 机 和 其 他 的 装置 
来 反馈 、 影 响 环境 。Arduino 同 样 适用 于 互动 设计 ， 来 自 全 球 的 爱好 者 逐渐 拓展 其 应 用 范围 ， 使 其 在 开源 的 无 人 机 和 3D 打 印 机 上 都 发 挥 了 良好 的 作用 。 

Processing 和 Arduino 都 是 简单 易学 的 开发 平台 ， 两 者 的 结合 把 电子 技术 、 单 片 机 技术 和 图 形 编程 技术 更 好 地 融合 在 一 起 ， 使 编程 设计 更 加 人 性 化 。 传 统 的 电子 工程 师 想 将 获取 的 信号 转换 为 图 形 界面 显示 
是 比较 困难 的 ， 需 要 掌握 较 多 的 编程 知识 ， 并 熟悉 开发 界面 。 而 借助 Processing， 可 以 非常 简单 地 创建 各 种 图 形 界面 显示 。 机 器 人 爱好 者 也 可 以 借助 Processing 实 现实 时 操作 或 远程 控制 机 器 人 的 电机 或 关节 ， 
借助 Kinect 或 者 Xtion 可 以 实现 机 器 人 与 操纵 者 的 肢体 动作 同步 。 

本 书 提供 了 一 些 Arduino 与 Processing 互 动 的 例子 ， 既 包括 读 取 各 类 传感器 ， 也 包括 用 各 类 传感器 或 控制 装置 结合 Processing 的 互动 小 游戏 。 本 书 侧重 于 通过 实例 让 读者 更 好 地 掌握 Arduino 和 Processing 的 编 


程 技巧 ， 若 读者 想 了 解 Arduino 和 Processing 的 入 门 知识 ， 请 参考 笔者 的 《Arduino 开 发 实战 指南 . 机 器 人 卷 》 口 。 


本 书 的 主要 内 容 及 读者 对 象 


本 书 是 侧重 于 搭载 硬件 并 进行 实例 编程 的 书籍 ， 适 合 有 一 定 基 础 的 读者 阅读 ， 如 电子 信息 、 机 械 电子 、 互 动 技术 、 通 信 工 程 和 计算 机 等 专业 的 学 生 ， 也 同样 适合 机 器 人 爱好 者 阅读 。 全 书 分 为 入 门 篇、 
互动 篇 和 游戏 开发 篇 。 第 一 篇 介绍 了 Processing 与 Arduino 的 入 门 及 通信 方式 ， 通 过 串口 编程 实现 两 者 的 互通 。 第 二 篇 主要 介绍 如 何 读 取 一 些 传感器 并 在 Processing 上 进行 显示 ， 也 讲述 了 如 何 使 用 摇 杆 、 重 力 传 
感 器 等 来 控制 物体 ， 还 涉及 如 何 使 用 Processing 来 控制 电机 的 转速 等 知识 。 第 三 篇 介绍 利用 一 些 传感器 来 开发 互动 小 游戏 的 方法 ， 如 使 用 敲 击 传感器 的 “ 击 鼓 大 师 ”， 利 用 水 银 倾斜 开关 控制 弹 珠 台 ， 采 用 声 
音 传感器 来 控制 火柴 人 跨越 障碍 ， 以 及 用 PS2 摇 杆 来 开发 “太空 大 战 小 蜜蜂 ”的 射击 类 游戏 。 
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第 1 章 ”Processing 与 Arduino 快 速 入 门 


1.1 ”Processing 快 速 入 门 


A 


Processing 是 专门 为 开发 面向 图 形 的 应 用 程序 (Visually Oriented Application) 而 设计 的 一 种 具有 革命 性 和 前 瞻 性 的 新 兴 编 程 语言 。Processing 的 创造 者 


攻 麻 省 理工 学 院 (MIT) 媒体 实验 室 的 
Casey Reas 和 Benjamin Fry 将 它 看 作 是 一 个 代码 素描 本 。 该 语言 特别 擅长 算法 动画 和 即时 交互 反馈 。 近 年 来 ， 越 来 越 多 的 开发 者 将 其 用 于 交互 动画 、 复 杂 数 据 可 视 化、 视觉 设计 、 原 型 开发 和 制作 等 方向 。 


Processing 是 Java 语 言 的 延伸 ， 它 使 用 了 更 简化 的 语法 和 图 形 编程 模型 ， 增 加 了 更 多 贴心 和 人 性 化 的 设计 。 由 于 其 简单 易 用 的 特性 ， 吸 引 了 众多 非 专业 的 编程 人 员 ， 包 括 数字 艺术 、 电 子 互动 、 机 器 人 
控制 等 专业 。 与 其 他 复杂 的 软件 开发 环境 相 比 ，Processing 的 开发 环境 非常 简洁 明了 ， 如 图 1-1 所 示 。 


加 demo | Processing 2.2: 
[re Edit sketch Toos Help 一 菜单 栏 
扩 口 国 四 回国 “a » | 


六 » 


工具 栏 
标签 栏 
println(“Hello World”); 


代码 编辑 区 


Hello World 


图 1-1 ”Processing 开 发 界面 


打开 IDE (Processing 开 发 环境 ) ， 最 大 面积 的 空白 区 就 是 文本 输入 框 ， 上 面 有 一 排 功能 按钮 ， 具 体 说 明 如 下 。 


回 ] ; 程序 的 检查 和 编译 ， 并 运行 。 
忆 ; 停止 运行。 

固 ; 新 建 一 个 processing 程 序 。 
全 : 打开 文件 。 

本 : 保存 文件 。 


中 输出 程序 。 


Processing 简 单 易 用 的 特点 ， 以 及 其 丰富 的 拓展 ， 可 让 学 习 者 把 精力 放 在 创造 很 多 富有 想象 力 的 作品 上 ， 而 不 是 耗费 大 量 的 时 间 在 基础 的 、 枯 燥 无 味 的 编程 学 习 上 。 


Processing 和 Arduino 的 搭配 可 以 让 图 形 化 界面 和 硬件 产生 互动 。 添 加 OpenCV 库 ， 可 以 实现 人 脸 识别 等 各 种 高 级 的 图 形 处 理 功能 ， 添 加 Kinect 库 ， 可 以 识别 人 体 的 肢体 动作 并 进行 交互 。 因 为 源 自 
Java， 所 以 大 量 的 Java 库 都 可 以 添加 进来 直接 调用 ， 比 如 Box2D、Unity 等 引擎 都 可 以 在 开发 时 调用 。 除 此 之 外 ， 还 可 以 借助 于 人 工 智 能 库 (Al for 2D Games) 开发 各 种 游戏 。 这 些 丰 富 的 拓展 让 使 用 
Processing 设 计 出 的 作品 充满 了 魅力 ， 富 有 想象 力 。 


一 个 标准 的 Processing 主 程序 结构 格式 如 下 所 示 。 


void setup () 

{ 

// 用 于 程序 初始 化 设置 ， 只 执行 一 次 
} 

void draw() 


{ 
// 主 程序 ， 添 加 用 户 的 代码 。 默 认 每 秒 执行 60 次 
} 


setup () 函数 中 的 程序 代码 在 程序 启动 后 只 执行 一 次 ， 一 般 用 来 进行 初始 化 设置 、 配 置 一 些 变量 的 初始 参数 等 。 


Processing 执 行 完 一 次 setup () 函数 后 就 会 不 间断 地 运行 draw () 函数 。 在 draw () 函数 里 可 绘制 要 显示 的 内 容 或 执行 各 种 操作 ， 默 认 以 每 秒 60 帧 (60fps) 的 速度 不 断 更 新 并 重 绘 ， 直 到 执行 “ 停 
止 ”的 命令 或 关闭 窗口 为 止 。draw () 每 运行 一 次 相当 于 在 窗口 绘制 一 个 新 的 帧 ， 运 行 一 次 后 再 重新 执行 下 一 次 。 


关于 Processing 的 语法 ， 读 者 可 以 访问 https://Processing.org 的 参考 (Reference) ， 本 书 不 对 其 语法 进行 详 述 。 


注意 ”由 于 Processing 基 于 Java， 请 确定 您 的 计算 机 已 经 配置 Java 环 境 ， 否 则 Processing 不 能 正常 工作 。 
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1.1 ”Processing 快 速 入 门 


Processing 是 专门 为 开发 面向 图 形 的 应 用 程序 Visually Oriented Application) 而 设计 的 一 种 具有 革命 性 和 前 瞻 性 的 新 兴 编 程 语言 。Processing 的 创造 者 一 一 麻 省 理工 学 院 (MIT) 媒体 实验 室 的 
Casey Reas 和 Benjamin Fry 将 它 看 作 是 一 个 代码 素描 本 。 该 语言 特别 擅长 算法 动画 和 即时 交互 反馈 。 近 年 来 ， 越 来 越 多 的 开发 者 将 其 用 于 交互 动画 、 复 杂 数据 可 视 化、 视觉 设计 、 原 型 开发 和 制作 等 方向 。 


Processing 是 Java 语 言 的 延伸 ， 它 使 用 了 更 简化 的 语法 和 图 形 编程 模型 ， 增 加 了 更 多 贴心 和 人 性 化 的 设计 。 由 于 其 简单 易 用 的 特性 ， 吸 引 了 众多 非 专业 的 编程 人 员 ， 包 括 数字 艺术 、 电 子 互动 、 机 器 人 
控制 等 专业 。 与 其 他 复杂 的 软件 开发 环境 相 比 ，Processing 的 开发 环境 非常 简洁 明了 ， 如 图 1-1 所 示 。 


加 demo | Processing 2.2: 
[fle Ed skotch Toos Hop 一 一 荣 单 栏 
扩 口 国 回 回国 "as | 
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工具 栏 


标签 栏 
println("Hello Wor1Ld”) ; 


代码 编辑 区 


Hello World 


图 1-1 Processing 开 发 界面 


打开 IDE (Processing 开 发 环境 ) ， 最 大 面积 的 空白 区 就 是 文本 输入 框 ， 上 面 有 一 排 功能 按钮 ， 具 体 说 明 如 下 。 


回 : 程序 的 检查 和 编译 ， 并 运行。 
忆 ; 停止 运行。 

较 : 新 建 一 个 processing 程 序 。 
全 : 打开 文件 。 

本 : 保存 文件 。 


中 输出 程序 。 


Processing 简 单 易 用 的 特点 ， 以 及 其 丰富 的 拓展 ， 可 让 学 习 者 把 精力 放 在 创造 很 多 富有 想象 力 的 作品 上 ， 而 不 是 耗费 大 量 的 时 间 在 基础 的 、 枯 燥 无 味 的 编程 学 习 上 。 


Processing 和 Arduino 的 搭配 可 以 让 图 形 化 界面 和 硬件 产生 互动 。 添 加 OpenCV 库 ， 可 以 实现 人 脸 识别 等 各 种 高 级 的 图 形 处 理 功 能 ， 添 加 Kinect 库 ， 可 以 识别 人 体 的 肢体 动作 并 进行 交互 。 因 为 源 自 
Java， 所 以 大 量 的 Java 库 都 可 以 添加 进来 直接 调用 ， 比 如 Box2D、Unity 等 引擎 都 可 以 在 开发 时 调用 。 除 此 之 外 ， 还 可 以 借助 于 人 工 智能 库 (Al for 2D Games) 开发 各 种 游戏 。 这 些 丰富 的 拓展 让 使 用 
Processing 设 计 出 的 作品 充满 了 魅力 ， 富 有 想象 力 。 


一 个 标准 的 Processing 主 程序 结构 格式 如 下 所 示 。 


void setup () 

{ 

// 用 于 程序 初始 化 设置 ， 只 执行 一 次 
} 

void draw() 


{ 
// 主 程序 ， 添 加 用 户 的 代码 。 黑 认 每 秒 执行 60 次 
} 


setup () 函数 中 的 程序 代码 在 程序 启动 后 只 执行 一 次 ， 一 般 用 来 进行 初始 化 设置 、 配 置 一 些 变量 的 初始 参数 等 。 


Processing 执 行 完 一 次 setup 〈) 函数 后 就 会 不 间断 地 运行 draw () 函数 。 在 draw () 函数 里 可 绘制 要 显示 的 内 容 或 执行 各 种 操作 ， 默 认 以 每 秒 60 怖 (60fps) 的 速度 不 断 更 新 并 重 绘 ， 直 到 执行 “ 售 
止 ”的 命令 或 关闭 窗口 为 止 。draw () 每 运行 一 次 相当 于 在 窗口 绘制 一 个 新 的 帧 ， 运 行 一 次 后 再 重新 执行 下 一 次 。 


关于 Processing 的 语法 ， 读 者 可 以 访问 https://Processing.org 的 参考 (Reference) ， 本 书 不 对 其 语法 进行 详 述 。 


注意 ”由 于 Processing 基 于 Java， 请 确定 您 的 计算 机 已 经 配置 Java 环 境 ， 否 则 Processing 不 能 正常 工作 。 


1.2 Arduino 快 速 入 门 


Arduino 是 一 个 开放 源 代 码 硬件 项 目 平台 ， 由 意大利 的 Massimo Banzi 设 计 。 该 平台 面世 之 后 ， 很 快 就 风靡 全 球 。 它 的 开发 环境 可 以 在 Windows、Macintosh OSX、Linux 三 大 主流 操作 系统 上 运行 。 
该 平台 的 开发 板 基 于 AVR 指 令 集 的 单片机 作为 处 理 核心 ， 是 一 块 具有 USB 接 口 Simple I/O 接 口 板 。 该 平台 的 软件 开发 使 用 类 似 Java、C 语 言 的 IDE 集 成 开发 环境 。 


Arduino 开 发 板 虽 然 使 用 了 AVR 的 单片机 ， 但 它 简 化 了 单片机 工作 的 流程 ， 对 AVR 库 进行 了 二 次 编译 封装 ， 将 复杂 的 单片机 底层 代码 封装 成 简单 实用 的 函数 ， 使 用 者 无 需 关心 单片机 编程 的 烦琐 细节 ， 
如 寄存 器 、 地 址 指针 等 ， 从 而 大 大 降低 了 单片机 系统 开发 难度 。 相 比 ICCAVR、WINAVR 和 CVAVR 等 专业 目 复杂 难 懂 的 开发 平台 ，Arduino 特 别 适 合 初学 者 、 学 生 、 艺 术 家 和 一 些 业 余 爱 好 者 使 用 。 随 着 
Arduino 的 不 断 完 善 和 强大 ， 也 有 专业 技术 人 员 用 它 来 设计 开发 产品 原型 。 


以 Arduino UNO 板 ( 见 图 1-2) 为 例 ， 它 拥有 以 下 的 资源 : 

“ 数字 引 脚 : 0~13 

“ 串 行 通信 : 0 作为 RX， 接 收 数据 ; 1 作为 TX， 发 送 数 据 

“ 外 部 中 断 : 2，3 

"PWM 输出 : ~3，~5，~6，~9，~10，~11 

“SPI 通信 : 10 作 为 SS，11 作 为 MOSI，12 作 为 MISO，13 作 为 SCK 
“ 板 上 LED: 13 

“ 模拟 引 脚 : A0~A5 (在 引 脚 号 前 加 A， 以 与 数字 引 脚 区 分 ) 


" TWI 通 信 : A4 作 为 SDA，A5 作 为 SCL 


13 个 数字 LO 口 , 含 6 个 PWM 引 脚 


USB 接口 寺中 中 
IHN ITALY eye \ ta ed 
| 本 和 ! 本 直 
' DIGETAL PWM- EE 

电源 指示 灯 

FE RE ARDUINO | Wm 
| 
he 品 ICSP 下 载 口 


外 部 电源 接口 


ri rd 
三 王 


电源 口 6 个 模拟 LO 口 


1-2 Arduino UNO 的 资源 


Processing 是 纯 软件 平台 ， 无 法 直接 读 取 各 种 传感器 的 值 ， 更 无 法 直接 控制 各 种 机 电 设备 。 而 借助 Arduino，Processing 可 以 读 取 各 种 传感器 的 数值 ， 控 制 各 种 机 电 装 置 ， 可 扩展 用 于 控制 智能 家 居 、 
无 人 机 、 机 器 人 等 各 种 硬件 实体 。 


Arduino 的 开发 环境 与 Processing 非 常 相似 ， 如 图 1-3 所 示 。 它 除了 包含 File (文件 ) 、Edit (编辑 ) 、Sketch (概述 ) 、Tools (工具 ) 、Help (帮助 ) 这 5 类 菜单 外 ， 在 菜单 栏 下 方 还 提供 了 5 个 常用 
的 快捷 菜单 按钮 。 


GO sketch octO08a | Arduino 1.0.5 二 阁 Dx| 


File Edit Sketch Tools Help 


sketch_oct08a 


Ardyuino Uno on COhl1 


图 1-3 ” Arduino 开发 界面 


这 5 个 快捷 菜单 按钮 的 具体 功能 如 下 。 


图: Verify ( 校 验 ) ， 用 于 完成 程序 的 检查 和 编译 。 


国 : Upload (上 传 ) ， 用 于 将 编译 完成 的 程序 上 传 到 Arduino 控 制 板 。 
辆 :New (新建 ) ， 用 于 新 建 一 个 Arduino 程 序 文件 。 


国 : Open (打开 ) ,用 于 打开 一 个 已 存在 的 Arduino 程 序 文件 ， 其 文件 后 缀 名 为 .pde，1.0 版 本 以 后 的 文件 后 缀 名 为 .ino。 


园 : save (保存 ) ， 用 于 保存 当前 的 程序 文件 。 


一 个 标准 的 Arduino 主 程序 结构 格式 如 下 所 示 : 


void setup() 
/7/ 彻 妈 化， 设置 各 种 变 旺 参数 等 ， 只 执行 次 
void loop() 

/加 评话 代 友 ， 枚 全 完 站 久生 


与 Processing 类 似 ，Arduino 分 为 两 部 分 setup () 函数 和 loop () 函数 。setup () 函数 主要 用 于 程序 初始 化 ， 设 置 各 种 变量 的 初始 值 等 ， 单 片 机 启动 后 只 执行 一 次 ; loop () 函数 是 主 函 数 ， 单 片 机 
执行 完 setup () 后 会 一 直 循环 的 运行 该 函数 ， 直 到 断 电 为 止 。 和 Processing 不 同 ， 单 片 机 没有 绘制 图 形 的 概念 ，loop () 函数 不 会 按照 一 定 的 速率 运行 ， 该 函数 执行 完 里 面 的 代码 后 会 立刻 进入 下 一 次 循 


环 。 
关于 Arduino 的 基本 语法 ， 读 者 可 以 访问 www.Arduino.cc 的 参考 (Reference) ， 或 阅读 笔者 撰写 的 另 一 本 基础 教程 《Arduino 开 发 实战 指南 机 器 人 卷 》， 本 书 不 再 对 Arduino 的 基本 语法 进行 详 述 。 


第 2 章 ”Processing 与 Arduino 通 信 


2.1 串口 简介 

在 Processing 平 台 开发 的 是 计算 机 应 用 程序 ， 而 Arduino 开 发 板 是 电子 硬件 ， 将 计算 机 应 用 程序 与 电子 硬件 连接 起 来 进行 相互 通信 ， 实 现 各 种 控制 功能 ， 需 要 用 到 一 个 接口 作为 沟通 的 桥梁 ， 这 个 桥梁 
就 是 串口 。 

串 行 接口 简称 “串口 ”， 是 采用 串 行 通 信 方 式 的 扩展 接口 。 串 口 出 现在 1980 年 前 后 ， 初 期 是 为 了 实现 连接 计算 机 外 设 的 目的 ， 一 般 用 来 连接 鼠标 和 外 置 Modem， 以 及 老式 摄像 头 和 写字 板 等 设备 ， 常 


见 的 有 一 般 计 算 机 应 用 的 RS-232 接 口 ， 如 图 2-1 所 示 。 后 来 还 衍生 出 工业 计算 机 应 用 的 


# 双 工 RS-485 与 全 双 工 Rs-42。 


由 于 串口 的 速度 较 慢 ， 且 目前 家 庭 常用 的 电子 设备 都 逐渐 转 为 USB 接 口 ， 
广泛 的 应 用 ， 工 业 控制 行业 也 有 着 巨大 的 保有 量 。 为 了 方便 产品 开发 者 、 电 气 工程 师 和 电子 爱好 者 的 使 用 ， 市 面 上 出 现 了 USB 转 串 


因此 很 多 家 


图 2-1 计算 机 主板 上 的 事 口 


计算 机 和 笔记 本 电脑 逐渐 取消 了 这 个 接口 


。 但 是 由 于 串 


简单 易 用 ， 在 单片机 、 庶 入 式 系统 和 物 联网 等 领域 有 着 


的 数据 线 ， 如 图 2-2 和 图 2-3 所 示 。 


图 2-2 采 用 的 是 RS232 标 准 的 接口 ， 图 2-3 采 用 的 是 TTL 电 平 的 串口 ， 两 者 的 电气 特性 是 不 同 的 。RS232 的 电气 特性 为 : 逻辑 1 电压 为 -3~-15V， 逻 辑 0 电 压 为 +3~+15V。 而 TTL 电 平 的 + 5V 或 +3.3V 等 价 
于 逻辑 1，0V 等 价 于 逻辑 0。 一 般 RS232 用 于 连接 外 部 设备 ，TTL 电 平 可 以 直接 连接 单片机 ， 两 种 接口 不 能 直接 对 接 ， 需 通过 MAX232 芯 片 进行 电 平 转换 。 


图 2-2 USB 转 串口 数据 线 


图 2-3 USB 转 串 吕 TITL 电 平 串 口 


Arduino UNO 开 发 板 上 自 带 了 USB 转 串口 功能 ， 该 功能 是 依靠 AVR 单 片 机 Mega16U2 实 现 的 ， 如 图 2-4 所 示 。 


使 用 者 只 需要 将 USB 数 据 线 与 Arduino 接 上 ， 并 连接 至 计算 机 ， 在 Arduino 开 发 环境 目录 下 的 drivers 文 件 夹 中 找到 驱动 程序 ， 单 击 “ 下 一 步 ”按钮 ， 直 到 完成 驱动 程序 安装 ， 如 图 2-5 所 示 。COM12 指 
的 是 分 配给 Arduino 板 的 端口 号 是 12。 


支 设备 管理 器 
这 件 (F) 操作 (A) 查看 (V) 帮助 (H) 
和 上 轩 | 国 | 回国 | 轴 


4. 明 WIN7-20141103SQ 
b -各 DVD/CD-ROM 驱动 器 
> -入 IDE ATA/ATAPI 控制 器 
> 一 | 便 扒 设备 
> 司 人 于 寺 


> -Ga 磁盘 驱动 句 

4 ‘ 丹 口 (COM 和 LPT) 

|】 |。 -1 Arduyuino Uno (COM12) 
一 寺 打 印 机 庄 口 (LPT1) 
全 通 信 诺 口 COMH) 
:二 通信 庙 口 (COMD) 


| Ai 自生 二 门 


图 2-5 在 设备 管理 器 中 查看 USB 转 串口 设备 所 对 应 的 串口 号 


第 2 章 ”Processing 与 Arduino 通 信 


2.1 串口 简介 


在 Processing 平 台 开发 的 是 计算 机 应 用 程序 ， 而 Arduino 开 发 板 是 电子 硬件 ， 将 计算 机 应 用 程序 与 电子 硬件 连接 起 来 进行 相互 通信 ， 实 现 各 种 控制 功能 ， 需 要 用 到 一 个 接口 作为 沟通 的 桥梁 ， 这 个 桥梁 


就 是 串口 。 


串 行 接口 简称 “串口 ”， 是 采用 串 行 通 信 方 式 的 扩展 接口 。 串 口 出 现在 1980 年 前 后 ， 初 期 是 为 了 实现 连接 计算 机 外 设 的 目的 ， 一 般 
见 的 有 一 般 计算 机 应 用 的 RS-232 接 口 ， 如 图 2-1 所 示 。 后 来 还 衍生 出 工业 计算 机 应 用 的 半 双 工 RS-485 与 全 双 工 RS-42。 


来 连接 鼠标 和 外 置 Modem， 以 及 老式 摄像 头 和 写字 板 等 设备 ， 常 


由 于 串口 的 速度 较 慢 ， 且 目前 家 庭 常用 的 电子 设备 都 逐渐 转 为 USB 接 口 ， 因 此 很 多 家 用 
广泛 的 应 用 ， 工 业 控制 行业 也 有 着 巨大 的 保有 量 。 为 了 方便 产品 开发 者 、 电 气 工 程 师 和 电子 爱好 者 的 使 用 ， 市 面 上 出 现 了 USB 转 串 


图 2-2 采 用 的 是 RS232 标 准 的 接口 ， 
于 逻辑 1，0V 等 价 于 逻辑 0。 一 般 RS232 


图 2-3 采 用 的 是 TTL 电 平 的 串 


图 2-1 计算 机 主板 上 的 串口 


计算 机 和 笔记 本 电脑 逐渐 取消 了 这 个 接口 


。 但 是 由 于 串口 简单 易 用 ， 在 单片机 、 刻 入 式 系统 和 物 联网 等 领域 有 着 
的 数据 线 ， 如 图 2-2 和 图 2-3 所 示 。 


口 ， 两 者 的 电气 特性 是 不 同 的 。RS232 的 电气 特性 为 : 逻辑 1 电压 为 -3~-15V， 逻 辑 0 电压 为 +3~+15V。 而 TTL 电 平 的 + 5V 或 +3.3V 等 价 


用 于 连接 外 部 设备 ，TTL 电 平 可 以 直接 连接 单片机 ， 两 种 接口 不 能 直接 对 接 ， 需 通过 MAX232 芯 片 进行 电 平 转换 。 


图 2-2 USB 转 串口 数据 线 


图 2-3 USB 转 串 吕 TITL 电 平 串 口 


Arduino UNO 开 发 板 上 自 带 了 USB 转 串口 功能 ， 该 功能 是 依靠 AVR 单 片 机 Mega16U2 实 现 的 ， 如 图 2-4 所 示 。 


使 用 者 只 需要 将 USB 数 据 线 与 Arduino 接 上 ， 并 连接 至 计算 机 ， 在 Arduino 开 发 环境 目录 下 的 drivers 文 件 夹 中 找到 驱动 程序 ， 单 击 “ 下 一 步 ”按钮 ， 直 到 完成 驱动 程序 安装 ， 如 图 2-5 所 示 。COM12 指 
的 是 分 配给 Arduino 板 的 端口 号 是 12。 


| 文件 (月 ”操作 (A) ”查看 (V) “帮助 (H) pr 


4 - 沼 WIN7-20141103SQ 

b -加 DVD/CD-ROM 驱动 器 

b -二 IDE ATA/ATAPI 控制 器 

一 | 全 斤 设 各 

”项 外 至 器 

> -Ga 磋 盘 驱 动 器 

a 但 端口 (COM 和 LPT) 

要 -1 Arduino Uno (COM12) 
-但 打印 机 苇 口 (LPTJ1) 
… 寺 通 信 庄 口 (COM1) 
:二 通信 庙 口 (COM2) 


起 门 


图 2-5 在 设备 管理 器 中 查看 USB 转 串口 设备 所 对 应 的 串口 号 


2.2 ”Processing 串 口 编程 


Processing 的 串口 通信 征 由 serial 库 提供 的 ， 可 以 通过 调用 成 员 函 数 来 实现 。 串 口 通 信函 数 的 功能 如 表 2-1 所 示 。 


表 2-1 Processing 串 口 通信 函数 


函数 名 功 能 


available() 检查 串口 是 否 接 收 到 数据 

read() 从 串口 读 入 数据 ， 数 据 为 字 节 类 型 ， 范围 为 0 一 255 

readChar() 从 串口 读 入 数据 ， 返 回 字 符 类 型 数据 

readBytes() 从 串口 读 入 数据 ， 返 回 字 节 类 型 数据 

readBytesUntil() 从 串口 读 入 数据 ， 返 回 字 节 类 型 数据 ， 当 遇 到 校 验 字符 时 停止 读 取 数据 
readString() 从 串口 读 入 数据 ， 返 回 字 符 串 类 型 数据 

readStringUntil() 从 串口 读 入 数据 ， 返 回 字符 串 类 型 数据 ， 当 过 到 校 验 字符 时 停止 读 取 数据 
buffer() 设置 缓冲 区 大 小 

bufferUntil() 从 串口 读 取 数 据 ， 遇 到 特定 字符 才 会 停止 读 取 数 据 

lastO) 以 字 节 类 型 返回 读 取 到 的 最 后 一 个 数据 

lastChar() 以 字符 类 型 返回 读 取 到 的 最 后 一 个 数据 

write() 问 串 口 写 入 数据 

clear() 清空 缓冲 区 数据 

stop(O) 停止 串口 数据 传输 

list() 返回 能 使 用 的 串口 

serialEvent() 自 定义 一 个 串口 接收 事件 


使 用 串口 时 ， 我 们 首先 导入 串口 的 库 函 数 ， 再 实例 化 一 个 对 象 。 下 面 的 实例 代码 运行 后 ， 会 将 计算 机 现 有 的 串口 全 部 显示 出 来 。 


import processing.serial.*; // 导 入 serial 库 
Serial myPort; // 实 例 化 一 个 Serial 对 象 
println (Serial.list ()); // 显 示 计 算 机 已 有 的 全 部 串口 


执行 程序 后 ， 显 示 的 结果 如 图 2-6 所 示 。 


LOMJ COM2 COM]2 


图 2-6 ”显示 串口 端口 号 


笔者 的 Arduino 板 分 配 的 端口 号 是 12。 通 过 下 面 的 例子 ， 可 以 实现 往 COM12 发 送 数 据 。 


示例 : Processing 向 串口 发 送 数据 。 


import processing.serial.*; // 导 入 serial 库 
Serial port; // 实 例 化 一 个 Serial 对 象 
String message; 
void setup () { 
message="c" 
Port= new Sorial (this, "COM12", 9600) 
// 初 始 化 port， 第 2 个 参数 是 端口 号 ， 第 3 个 各 家 证 计 特 率 


void draw(){ 
port. write (message); // 发 送 数 据 
} 


执行 程序 后 ， 我 们 可 以 看 到 Arduino 板 载 的 RX 灯 一 直 亮 起 ， 说 明 有 数据 在 不 停 地 发 送 过 去 。 关 闭 程序 后 ，RX 灯 熄灭 。 


注意 ”比特 率 是 串口 通信 的 速率 ，9600 指 的 是 每 秒 发 送 9600 比 特 的 数据 ， 即 9600bps。 该 参数 可 以 更 改 ， 常 用 的 比特 率 为 9600bps、19200bps、57600bps 和 115200bps。 将 Processing 与 Arduino 的 比特 率 设置 
为 一 致 方 可 通信 ， 否 则 会 出 现 乱码 ， 无 法 正常 接收 。 


2.3 Arduino 串 口 编程 


Arduino 的 串口 通信 是 通过 在 头 文件 HardwareSerial.h 中 定义 一 个 HardwareSerial 类 的 对 象 serial， 然 后 直接 使 用 类 的 成 员 函 数 来 实现 的 。 捉 口 通信 函数 的 功能 如 表 2-2 所 示 。 


函数 名 
Serial.begin() 
Serial.end() 


函数 名 


Serial.available() 


Serial.setTimeout() 


Serial.readBytesUntil() 


SerlalreadBytesO 
parselInt() 
Serlal.parseFloatO 


readString() 
readStringUntil() 
Serial.read() 
peek() 
Serial.find() 


Serial.findUntil() 


Serial.print() 
Serial.println() 


serialEvent() 


表 2-2 ”Atrduino 串 口 通信 函数 


功 能 
用 于 设置 串口 的 比特 率 ， 除 以 8 可 得 到 每 秒 传输 的 字 节 数 
停止 串口 通信 
( 续 ) 
功 能 


用 来 判断 串口 是 否 收 到 数据 ， 该 函数 返回 值 为 int 型 ， 不 带 参数 

使 用 SerialreadBytesUntil0 、Serial.readBytes()、Serial.parseInt( 或 Serial.parseFloat0. 
时 ， 设 置 读 取 数 据 超时 时 间 ， 单 位 是 毫秒 ， 默 认 是 1000 毫秒 

从 串口 读 人 字符， 存 和 人 一 个 数组 中 。 当 遇 到 校 验 字符 时 或 读 取 超 时 时 停止 读 取 
数据 

从 串口 读 取 字 符 ， 存 人 一 个 数组 中 。 当 读 取 够 指定 数目 的 字符 或 读 取 超 时 时 停止 
读 取 数 据 

用 于 从 串口 读 取 整 型 数据 ， 当 遇 到 字符 型 数据 或 读 取 超 时 时 停止 读 取 数 据 并 返回 0 
用 于 从 串口 读 人 浮 点 数据 ， 返 回 第 一 个 浮 点 型 数据 。 当 遇 到 第 一 个 字符 或 读 取 超 
时 时 停止 读 入 数据 

从 串口 读 和 人 字符 串 

从 串口 读 入 字符 串 ， 当 遇 到 校 验 字符 时 停止 读 取 

用 于 从 串口 读 入 数据 ， 该 函数 返回 值 为 int 型 的 串口 数据 ， 不 带 参数 

从 串口 读 和 数据， 与 read0 不 同 的 是 ，peek0 读 取 完 后 不 会 清空 串口 缓冲 数据 

从 串口 读 和 数据 ， 当 遇 到 目标 字符 串 时 停止 读 取 并 返回 true 

从 串口 读 和 人 数据， 当 遇 到 目标 字符 串 时 停止 读 取 并 返回 tue， 当 遇 到 校 验 字符 时 
或 者 读 取 超 时 时 返回 false 

用 于 从 串口 输出 数据 ， 数 据 可 以 是 变量 ， 也 可 以 是 字符 串 

与 Serial.print 函数 类 似 ， 都 是 从 串口 输出 数据 ， 只 是 多 了 回 车 换行 功能 

定义 一 个 串口 读 和 事件 


示例 : 从 串口 输出 “The char | have received: ”字符 。 


int c=0; 

void setup () 

Serial .begin (9600); 
void loop () 

证 人 ()) 


c=Serial .read (); 
Serial .print ("The char 


// 比 特 率 9600 


I have received:"); 
Serial .printl (nc, DEC); // 输 出 并 换行 


} 
delay (200); 
} 


打开 Arduino 界 面 的 串口 监视 器 ， 输 入 任意 字符 ， 单 片 机 接收 到 会 返回 该 字符 的 AsCll 码 ， 如 图 2-7 所 示 。 


The char 1 have Treecelved:gT7 


图 2-7 串口 监视 器 显示 界面 


2.4 ”Processing 与 Arduino 通 信 编 程 


本 书 将 通过 几 个 小 例子 让 读者 快速 地 掌握 Processing 与 Arduino 的 通信 编程 。 


实例 一 : 在 Processing 界 面 上 画 一 个 矩形 ， 当 用 鼠标 单 击 矩 形 内 的 时 候 ，Arduino 板 载 的 LED 灯 (与 数字 引 脚 13 相 连 ) 点 亮 ， 单 击 矩形 外 的 时 候 ，Arduino 板 载 的 LED 熄 灭 。 


”Processing 代 码 : 
import processing.serial.*; // 导 入 serial 库 
Serial port; // 实 例 化 一 个 Serial 对 象 


void setup(){ 
port= new Serial (this, "COM12", 9600); 
// 初 始 化 port (根据 Arduino 分 配 的 端口 号 填写 ) 
size(300,300); 
} 
void draw(){ 
rect (100, 100, 50, 50); / /绘制 矩形 
} 
void mouseClicked () 
{ ifE((mouseX>=100)& (mouseX<=150) & (mouseY>=100) & (mouseY<=150) ) 
// 当 鼠标 在 憩 形 区 域内 单 击 时 
{ Println("LED turn ON!"); 


Port .write("a") 7 // 往 串口 发 送 小 写字 母 a 
} 
else 
{println ("LED turn OFF!"); 
Port .write("b") 7 // 当 在 短 形 区 域外 单 击 时 ， 往 串口 发 送 小 写字 母 b 
} 
i 
“Arduino 人 代码: 
int c=0; 
void setup () 
{ 
Serial .begin (9600); // 比 特 率 9600 
PinMode (13,OUTPUT) ; // 设 置 数字 引 脚 第 13 脚 为 输出 模式 
digitalWrite (13, LOW); // 设 置 该 引 脚 的 初始 值 为 低 电 平 


} 
void loop() 
{ 
if (Serial .available()) 
{ 
c=Serial .read () 7 
if (c==97) // 如 果 接 收 到 字母 a (RSCII 码 值 为 97) 
digitalWrite (13, HIGH); // 第 13 引 脚 置 高 电 平 ，LED 灯 亮 
else 


if (c==98) // 如 果 接 收 到 字母 DP (RSCII 码 值 为 98) 
digitalWrite (13, LOW); // 第 13 引 脚 置 低 电 平 ，LED 灯 灭 


如 图 


2-8 所 示 ， 当 单 击 白色 矩形 内 时 ，Processing 提 示 LED 已 经 打开 ( 见 


图 2-9) ， 板 载 LED 点 亮 ( 见 图 


2-10) 。 


图 2-8 ”执行 效果 图 


tuyurm ON! 


图 2-9 ”提示 灯 打 开 


2-10 板 载 LED 点 亮 


当 单 击 白色 矩形 外 时 ，Processing 提 示 LED 已 经 关闭 ( 见 图 2-11) ， 板 载 LED 熄 灭 ( 见 图 2-12) 。 


LED TUFnm QFF! 


图 2-11 提示 灯 熄 灭 


OO : 


OMIVUOIAA 


图 2-12 ” 板 载 LED 燃 灭 


实例 二 : 将 一 个 开关 连接 到 Arduino 上 的 + 引 脚 ， 如 图 2-13 所 示 ， 接 线 如 表 2-3 所 示 。 长 按 开关 ，Processing 上 的 圆 形变 成 红色 ; 松 开 开 关 ，Processing 上 的 圆 变 成 绿色 。 初 始 为 绿色 。 


”Processing 代 码 : 


- 
- 


图 2-13 ”按键 连接 Arduino 开 发 板 
表 2-3 接线 表 


模块 引 肢 模块 引 肢 
! | ss | Ds 
2 


SV 


import processing.serial.*; 
Serial myPort; 
void setup () 
{ size(300,300) 7 
了 1 人 0 2557 站 到 
ellipse (100, 100, 100, 100); 
myPort = new Serial (this, "COM12", 9600); 
// 初 始 化 myPort (根据 Arduino 分 配 的 端口 号 填写 ) 


void draw() 
{ 
while (myPort.available() > 0) 
{ 
char inByte = myPort.readChar () 7 
println (inByte); 
switch (inByte) 
{case 'a': fil1(0,255,0)7 
ellipse (100, 100, 100, 100); 
break; 
apse D's: filL(t25570703s 
ellipse (100, 100, 100, 100); 
break; 
default: break; 


// 导 入 serial 库 
// 实 例 化 一 个 Serial 对 象 


// 监 听 端 口 


// 读 取 字 节 
// 显 示 接 收 到 的 字 节 


// 当 接收 到 的 字母 为 a 时 填充 红色 
// 重 绘 圆 


// 当 接收 到 的 字母 为 b 时 填充 绿色 
// 重 绘 贺 


“Arduino 人 代码: 
boolean button; // 定 义 一 个 布尔 型 的 变量 
void setup() { 
button=false; // 初 始 值 为 假 


pinMode (8, INPUT) ; 
Serial .begin (9600); 


} 

void loop() { 
button=digitalRead (8); 
if (button) 
{ Serial.write("a"); 
E 
else 
{Serial .write ("b"); 


// 读 取 数 字 第 8 引 脚 
// 当 读 取 到 为 高 电 平时 ( 按 下 按钮 )， 发 送 字 母 a 


// 当 读 取 到 为 低 电 平 时 (释放 按钮 ) ， 


// 定 义 数字 第 8 引 脚 为 输入 模式 
// 设 置 比特 率 为 9600bps 


发 送 字 母 b 


Arduino 引 脚 


| 和 | ”~ | 


实例 三 : 前 面 两 个 例子 演示 了 如 何 从 Processing 发 送 数据 到 Arduino， 也 演示 了 如 何 从 Arduino 发 送 数据 到 Processing。 下 面 的 这 个 例子 演示 了 如 何 实现 双向 收发 。 


结合 实例 一 ， 在 Processing 里 画 一 个 和 矩形 ， 当 在 矩形 区 域内 单 击 时 ， 向 Arduino 发 送 字 母 3。Arduino 收 到 后 点 亮 板 载 的 LED 灯 ， 同 时 向 Processing 发 送 “The light turn ON”; Processing 收 到 后 显示 
在 屏幕 的 左上 角 。 当 单 击 矩形 框 外 时 ，Processing 向 Arduino 发 送 字母 bp，Arduino 板 载 的 LED 灯 熄灭 ， 与 此 同时 Arduino 向 Processing 发 送 “The light turn OFF”，Processing 收 到 这 串 字符 后 显示 在 屏 
幕 的 左上 角 。 


“Processing 代 码 : 
import processing.serial.*; // 导 入 serial 库 
Serial myPort; // 实 例 化 一 个 Serial 对 象 
int 1f = 10; // 换 行 符号 的 ASCII 码 值 
String myString = null; // 定 义 一 个 字符 串 变 量 
void setup () 
size (300, 300); // 设 置 画布 大 小 
background (125); // 设 置 画 布 背景 颜色 


myPort = new Serial (this, "COM14", 9600); 
// 初 始 化 myPort (根据 Arduino 分 配 的 端口 号 填写 ) 
myPort .clear (); 
} 
void draw() 
{ 
rect (100, 100, 50, 50); // 绘 制 矩 形 
while (myPort.available() > 0) // 监 听 端 口 
{ myString = myPort.readStringUntil (1f); 
// 读 字符 串 ， 直 到 出 现 换行 符号 后 ， 将 字符 囊 赋值 给 myString 变 量 
if (myString!=null) 
{ background (125); // 每 次 清空 屏幕 
text (myString,10,30);  // 灯 光 开 启 、 关 闭 提示 显示 在 屏幕 左上 角 
} 
} 
} 
void mouseClicked() 
{ if( (mouseX>=100)& (mouseX<=150)& (mouseY>=100) & (mouseY<=150)) 


// 当 鼠标 在 矩形 区 域内 单 击 时 
{ myPort .write ("a") 7 // 往 串口 发 送 字母 a 
} 
else 
{ myPort.write ("b") 7 // 当 在 矩形 区 域外 单 击 时 ， 往 串口 发 送 字母 b 
} 
“Arduino 人 代码: 
int c=0; 
void setup () 
{ 
Serial .begin (9600); // 比 特 率 9600 
PinMode (13,OUTPUT) ; // 设 置 数 字 引 脚 第 13 脚 为 输出 模式 
digitalWrite (13, LOW); // 设 置 该 引 脚 的 初始 值 为 低 电 平 
} 
void loop() 
{ 
if(Serial.available()) 
{ 
c=Serial .read(); 
if (c==97) // 如 果 接收 到 字母 a (RSCII 码 值 为 97) 
{digitalWrite (13,HIGH) ; // 第 13 引 脚 置 高 电 平 ，LED 灯 亮 


Serial.println("The light turn ON"); 
// 向 Processing 发 送 灯 已 开启 的 字符 串 ， 结 尾 处 有 换行 符号 
} 
else 
if (c==98) // 如 果 接 收 到 字母 b (ASCII 码 值 为 98) 
{ digitalWrite (13, LOW); // 第 13 引 脚 置 低 电 平 ,LED 灯 灭 
Serial.println("The light turn OFF™"); 
// 向 Processing 发 送 灯 已 关闭 的 字符 事 ， 结 尾 处 有 换行 符号 


注意 该 程序 使 用 了 readStringUntil () 函数 ， 该 函数 能 一 直 读 取 字 符 囊 ， 直 到 出 现 事 先 约 定好 的 终止 符号 ， 使 用 该 函数 能 完整 地 读 取 整 个 字符 事 。 若 使 用 readString () 函数 则 可 能 会 出 现 读 取 不 到 完整 
的 字符 串 ， 或 者 只 读 取 一 半 的 情况 。 读 者 可 以 自行 和 尝试， 体验 两 个 函数 的 差异 。 


第 二 篇 “互动 篇 


第 3 章 声音 振幅 读 取 与 显示 

第 4 章 旋转 编码 器 控制 播放 音乐 
第 5 章 ”跟随 环境 光 变 化 的 太阳 

第 6 章 ， 超 声波 测 距 传感器 的 读 取 与 显示 
第 7 章 控制 彩色 LED 灯 

第 8 章 ， 温 湿度 检测 提示 

第 9 章 ， 液 位 检测 与 提示 

第 10 章 “ 播 杆 控制 坦克 

第 11 章 平衡 球 


第 12 章 ”电机 控制 


声音 传感器 和 我 们 的 日 常 
经 过 一 系列 的 信号 变换 转化 成 0~ 5V 的 模拟 电压 ， 即 可 利 


到 的 麦克 风 的 工作 原理 类 似 ， 主 要 是 


来 采集 声波 的 强 弱 信号 。 当 有 声音 时 ， 声 波 引 起 话 简 内 的 驻 极 体 薄 膜 振动 ， 导 致电 容 的 变化 ， 从 而 产生 与 声音 对 应 变化 的 电信 号 ， 再 


单片机 的 模拟 输入 引 脚 进行 数据 采集 ， 转 换 为 数字 信号 。 本 书 采 用 的 声音 传感器 模块 如 图 3-1 所 示 。 


声音 传感器 和 我 们 的 日 常 
经 过 一 系列 的 信号 变换 转化 成 0~ 5V 的 模拟 电压 ， 即 可 利 


图 3-1 麦克 风声 音 传 感 器 模块 


到 的 麦克 风 的 工作 原理 类 似 ， 主 要 是 


来 采集 声波 的 强 弱 信 号 。 当 有 声音 时 ， 声 波 引 起 话 简 内 的 驻 极 体 落 膜 振动 ， 导 致电 容 的 变化 ， 从 而 产生 与 声音 对 应 变化 的 电信 号 ， 再 
单片机 的 模拟 输入 引 脚 进行 数据 采集 ， 转 换 为 数字 信号 。 本 书 采 


的 声音 传感器 模块 如 图 3-1 所 示 。 


图 3-1 麦克 风声 音 传感器 模块 


声音 传感器 模块 共有 4 个 引 脚 ， 按 从 上 到 下 的 引 脚 顺序 分 别 是 模拟 输出 口 A0、 地 线 GND、 电 源 VCC 和 数字 输出 口 D0， 如 
当 于 一 个 开关 ， 在 没有 声音 信号 或 声音 信号 较 弱 的 时 候 ， 输 出 低 电 平 ， 当 声音 强度 到 达 一 个 阔 值 (可 通过 调节 电位 器 来 改变 ) 


利 


所 示 。 


数字 输入 口 


Do 和 模拟 输出 口 A0 实 现 声音 的 检测 ， 实 际 应 


图 3-1 所 示 。 其 中 模拟 输出 


时 ， 才 输出 高 电 平 。 


时 ， 可 将 数字 输入 口 接 到 Arduino 的 数字 引 脚 上 ， 如 D2 


A0 可 实时 输出 麦克 风 的 电压 信号 ， 数 字 输 出 口 D0 相 


， 模 拟 输出 口 A0 接 在 Arduino 的 一 个 模拟 引 脚 上 ， 如 引 脚 A5， 接 线 情况 如 表 3-1 


声音 传感器 模块 引 肢 


表 3-1 


TT 


Arduino 与 声音 传感器 模块 接线 表 


1 A 


; 


7 | mm lm | 


当 声 音 的 阐 值 大 于 设 定 阐 值 时 ， 数 字 13 接 口 


Arduino 引 脚 
SV 
GND 


int sensorPin = A5; 
int DigtalIinput=D2; 
int LEDPin = 13; 

int sensorValue = 0; 


自 带 的 LED 点 亮 ， 反 之 则 熄灭 。 同 时 Arduino 将 模拟 口 获 得 的 采样 值 用 串口 输出 。 具 体 程序 如 下 。 
// 选 择 模拟 5 输入 端口 
// 选 择 数字 2 输入 端口 
// 选 择 LED 显 示 端 口 


// 声 音 值 变量 


boolean 


threshold; 


void setup () 


PinMode (sensorPin， INPUT) 
PinMode (DigtalInput INPUT) 7 
PinMode (LEDPin, OUTPUT); 
Serial .begin (9600); 

} 
void loop () 
{ 

sensorValue = analogRead (sensorPin); 
threshold=digitalRead (DigtalInpu) 7 
if (threshold) 

{ 

digitalWrite (LEDPin, HIGH); // 大 于 阔 值 灯亮 
} 
else 
digitalWrite (LEDPin, LOW); 

delay (50); 


// 小 于 阅 值 灯 灭 


// 读 声音 传感器 的 值 


Serial.println (sensorValue，DEC) ; // 以 十 进 制 的 形式 输出 声音 值 


3.3 ”Processing 绘 制 振动 条 


以 下 代码 在 Processing 中 绘制 出 一 条 正弦 曲线 ， 通 过 改变 正弦 曲线 的 振幅 和 相位 ， 就 能 显示 出 振动 条 的 效果 。 


正弦 曲线 的 表达 式 为 : 


y=A*sin (x+f) +b 


其 中 A 为 


册 线 的 振幅 ，x 为 横 坐标 上 的 变量 ，f 为 相位 ，b 为 纵 坐 标 上 的 初始 位 置 。 


float offset=100; 
float scaleVal=35; 
float angleInc=PI/60; 


// 正 弦 曲 线 零 点 向 Y 轴 移动 的 值 
// 曲 线 振幅 
// 角 速度 ， 控 制 曲线 的 正弦 周期 


float angle=0; 

float dx=0; 

void setup() { 
size(600, 200); 
noStroke (); 


//x 轴 的 偏 移 量 


void draw() { 
background (204) 7 
fil1(0)7 
for (int posx=0; posx<=width; Posx++) { 
// 从 左 往 右 ， 每 次 加 一 个 单位 直到 面 画 的 右边 
float posy=offset+ (sin(angle-dx)*scaleVal); 
rect (posx，posy，1，1); // 画 出 该 点 


// 求 出 曲线 的 X、yY 坐 标 


angle+=angleInc7 
} 


// 角 过度 增加 ， 控 制 曲 线 的 正弦 周期 


dx+=0.05; // 改 变 曲线 的 相位 ， 值 越 小 曲线 运动 越 慢 
angle=0; // 重 置 角 度 
} 
3.4 ”声音 振幅 显示 


Arduino 读 取 声 音 传感器 的 数值 ， 通 过 串 


:Processing 代 码 : 


传 给 Processing。Processing 将 读 取 到 的 数据 转化 为 曲线 的 振幅 。 


import processing.serial.*; 
Serial myPort; 
public static final char HEADER = 'h'; 
public static final short LF = 10; 
float vol; 
float offset=100; 
float scaleVal=35; 
float angleInc=PI/60; 
float angle=0; 
float dx=0; 
float under; 
float high=200; 
String [] com; 
void setup() { 
println (Serial.1list ()); 
com=Serial.list (); 
myPort = new Serial (this, com[0], 


// 导 入 Serial 库 
// 实 例 化 一 个 Serial 对 象 
// 从 囊 口 读 取 信息 的 第 一 字符 的 校 验 符 


言 息 的 长 度 
// 曲 线 振幅 
// 角 速度 ， 控 制 曲 线 的 正弦 周期 
/ /x 轴 的 偏 移 量 
/ /振幅 的 最 小 值 
// 音 量 的 最 大 值 
// 获 取 当 前 可 用 串口 列表 ， 并 保存 到 com 中 

9600) 7 


// 初 始 化 myPort， 读 取 第 一 个 可 用 串口 ， 串 口 比特 率 为 9600 


myPort .bufferUntil('\n'); 
size(600, 200); 

nostroke (); 

frameRate (60); 


void draw() { 
scaleVal=map (vol, under, high, 0, 
// 将 音量 从 范围 为 under~high 插 值 到 0~90 
background (204) 7 
Eill1(255， 0 0)? 
rect (20, 20, 20, 20); 
// 绘 制 一 个 短 形 ， 当 鼠标 章 击 它 时 获取 当前 
£i11(0); 


// 从 事 口 读 取 数 据 时 遇 到 换行 符 则 结束 读 取 


90) 7 


背景 噪音 ， 并 以 当前 噪音 为 基准 线 


for (int posx=0; posx<=width; posx++) { 
// 从 左 往 右 ， 每 次 加 一 个 单位 直到 画面 的 右边 


float Posy=offset+ (sin (angle-dqx)*scaleVal) 7 // 求 出 曲线 的 xX、YyY 坐 标 


rect (posx，posy，1, 1);  // 画 出 该 点 

angle+=angleIncy // 角 度 增加 
} 
dx+=0.05; // 改 变 曲线 的 相位 ， 值 越 小 曲线 运动 越 慢 
angle=0; // 角 度 重 置 


void serialEvent (Serial myPort) { 
String message = myPort.readStringUntil (LF); 
// 返 回 一 个 字符 串 缓 冲 区 ， 并 包括 一 个 特殊 字符 
if (message != null) { // 当 读 取 到 的 


String []data = message.split(","); // 将 字符 串 信 ， 分 隔 ， 
// 并 保存 到 data 中 
if (data[0] .charRt (0) 一 HEADER) // 当 data 中 第 一 个 字符 为 h 时 
{ 
if (data.length > 1) // 当 data 长 度 大 于 1 的 时 候 
vol = Integer.parseInt (data[1]); // 获 取 音 量 数据 
if (high<vol) // 当 音量 数据 大 于 当前 设 定 的 最 大 值 时 ， // 将 最 大 值 设置 为 读 取 到 的 音量 的 值 
vol=high; 
if (under>vol) // 当 音量 数据 大 于 当前 设 定 的 最 小 值 时 ， // 将 最 小 值 设置 为 读 取 到 的 音量 的 值 


vol=unger; 
* 
} 
} 
} 
void mouseClicked() { 
// 定 义 一 个 鼠标 单 击 事件 ， 当 鼠标 单 击 该 区 域 时 ， 最 小 值 等 于 当前 音量 
if (mouseX<40&&mouseX>20) 
if (mouseY<40&&mouseY>20) 
under=vol; 


:Arduino 代 码 : 


int sensorPin = A 


57 
// 将 声音 传感器 s 端 引 脚 接 到 Arduino 上 面 的 A5 号 引 脚 
int sensorValue = 0; // 音 量 值 
void setup () 
PinMode (sensorPin, INPUT) // 将 A5 引 脚 定义 为 输入 模式 
Serial .begin (9600); // 设 置 窗口 比特 率 为 9600 


} 

void loop() 

{ sensorValue = analogRead (sensorPin); // 读 取 声 音 传感器 数据 
Serial.println(sensorValue，DEC); // 将 数据 以 十 进 制 形式 输出 

} 


第 4 章 ”旋转 编码 器 控制 播放 音乐 


4.1 旋转 编码 器 简介 


旋转 编码 器 是 用 于 测量 位 置 、 速 度 或 角度 等 物理 量 的 传感器 ， 该 传感器 内 部 有 一 个 转动 的 光电 码 盘 ， 其 上 有 刻度 线 ， 如 图 4-1 所 示 。 当 光电 发 射 发 出 的 光线 被 阻挡 时 ， 光 敏 元 件 接收 不 到 光线 ， 当 刻度 线 
经 过 时 ， 接 收 器 件 可 以 获取 发 光 元 件 发 射 的 光线 ， 其 原理 是 将 光 脉 冲 转换 成 了 电 脉 冲 。 单 片 机 接收 到 电 脉冲 后 进行 计数 ， 即 可 测量 转动 的 速度 、 角 度 ， 经 过 计算 可 获悉 当前 的 位 置 。 绝 对 编码 器 上 的 刻 线 比 
相对 编码 器 要 多 ， 在 编码 器 的 每 个 位 置 有 唯一 的 二 进 制 编码 ， 不 需要 计算 脉冲 计数 ， 即 可 获得 当前 的 位 置 。 


A 相 B 相间 缝 际 主 刻度 盘 


CU Z 相信 号 缝隙 


发 光 元 件 


光敏 元 件 


图 4-1 旋转 编码 器 光电 码 盘 


旋转 编码 器 输出 方式 有 单 路 输出 与 双 路 输出 ， 有 的 还 有 零 位 输出 。 其 中 单 路 输出 是 指 旋转 编码 器 仅 输出 一 组 脉冲 ， 双 路 输出 则 输出 两 组 相位 差 为 90" 的 脉冲 ， 通 过 这 两 组 脉冲 ， 除 了 可 以 测速 ， 还 可 以 测 
出 正 、 反 转 方向 。 带 零 位 输出 的 编码 器 ， 每 转 一 图 输出 一 个 脉冲 ， 可 获得 编码 器 的 零 位 参考 位 。 


网 


4-2 所 示 的 传感器 模块 是 带 旋钮 型 编码 器 ， 该 旋转 编码 器 的 输出 信号 分 别 为 A、B 通 道 方 波 ， 它 们 相位 差 为 90" ， 其 中 一 个 通道 给 出 与 转速 相关 的 信息 ， 同 时 通过 对 比 两 个 通道 信号 的 顺序 可 得 到 旋转 方 


向 的 信息 。 对 照 图 4-3， 可 得 到 增 量 型 旋转 编码 器 的 编码 信息 如 表 4-1 所 示 。 


图 4-2 ”旋转 编码 器 模块 图 
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图 4-3 ” 增 量 型 旋转 编码 器 的 输出 信和 号 
表 4-1 增 量 型 旋转 编码 器 的 编码 情况 


顺 时 针 运 动 逆 时 针 运 动 


| 
对 


~ jo|lSco|l~-|r» 
一 | 尼 | 尼 | 一 


第 4 章 。” 旋转 编码 器 控制 播放 音乐 


4.1 ”旋转 编码 器 简介 


旋转 编码 器 是 用 于 测量 位 置 、 速 度 或 角度 等 物理 量 的 传感器 ， 该 传感器 内 部 有 一 个 转动 的 光电 码 盘 ， 其 上 有 刻度 线 ， 如 图 4-1 所 示 。 当 光电 发 射 发 出 的 光线 被 阻挡 时 ， 光 敏 元 件 接收 不 到 光线 ， 当 刻度 线 
经 过 时 ， 接 收 器 件 可 以 获取 发 光 元 件 发 射 的 光线 ， 其 原理 是 将 光 脉 冲 转换 成 了 电 脉冲 。 单 片 机 接收 到 电 脉冲 后 进行 计数 ， 即 可 测量 转动 的 速度 、 角 度 ， 经 过 计算 可 获悉 当前 的 位 置 。 绝 对 编码 器 上 的 刻 线 比 
相对 编码 器 要 多 ， 在 编码 器 的 每 个 位 置 有 唯一 的 二 进 制 编码 ， 不 需要 计算 脉冲 计数 ， 即 可 获得 当前 的 位 置 。 


A 相 B 相间 颖 际 主 刻度 盘 


CULLRRK 一 了 相信 号 颖 了 


发 光 元 件 


光敏 元 件 


图 4-1 旋转 编码 器 光电 码 盘 


旋转 编码 器 输出 方式 有 单 路 输出 与 双 路 输出 ， 有 的 还 有 零 位 输出 。 其 中 单 路 输出 是 指 旋转 编码 器 仅 输出 一 组 脉冲 ， 双 路 输出 则 输出 两 组 相位 差 为 90° 的 脉冲 ， 通 过 这 两 组 脉冲 ， 除 了 可 以 测速 ， 还 可 以 测 
出 正 、 反 转 方向 。 带 零 位 输出 的 编码 器 ， 每 转 一 圈 输 出 一 个 脉冲 ， 可 获得 编码 器 的 零 位 参考 位 。 


图 4-2 所 示 的 传感器 模块 是 带 旋钮 型 编码 器 ， 该 旋转 编码 器 的 输出 信号 分 别 为 A、B 通 道 方 波 ， 它 们 相位 差 为 90"， 其 中 一 个 通道 给 出 与 转速 相关 的 信息 ， 同 时 通过 对 比 两 个 通道 信号 的 顺序 可 得 到 旋转 方 
向 的 信息 。 对 照 图 4-3， 可 得 到 增 量 型 旋转 编码 器 的 编码 信息 如 表 4-1 所 示 。 


图 4-2 ”旋转 编码 器 模块 


s TI 


入 


图 4-3” 增 量 型 旋转 编码 器 的 输出 信号 
表 4-1 增 量 型 旋转 编码 器 的 编码 情况 


顺 时 针 运 动 逆 时 针 运 动 


一 | 己 | 己 | 一 | 
一 | 己 | 忆 | 一 | 名 


4.2 Arduino 读 取 编 码 器 值 


旋转 编码 器 模块 共 引 出 5 个 引 脚 ， 如 图 4-2 所 示 。 按 从 上 到 下 的 引 脚 顺序 分 别 为 CLK (脉冲 信号 ) 、DT (方向 ) 、SW (开关 信号 ) 、+ (电源 ) 与 GND (地 线 ) 。 接 线 表 如 表 4-2 所 示 。 连 接 方式 如 下 : 


1) 将 Arduino 的 数字 引 脚 与 CLK 相 接 ， 可 以 获得 旋转 编码 器 的 输出 脉冲 。 


表 4-2 ”Arduino 与 旋转 编码 器 模块 接线 表 


序 号 | 旋转 编码 器 模块 引 脚 Arduino 引 脚 


1 5V 
2 GND 
3 


2) 将 Arduino 的 数字 引 脚 与 DT 相 接 ， 用 于 获取 旋转 编码 器 正 、 反 转 信息 ， 其 中 高 电 平 表示 正 转 ， 低 电 平 表示 反 转 。 


3) 将 Arduino 的 数字 引 脚 与 SW 相 接 ， 通 过 按压 旋转 触 头 触发 开关 信号 。 


4) 将 编码 器 的 5V 和 GND 分 别 连接 Arduino 板 的 VCC 和 GND。 


以 下 代码 将 外 部 中 断 0 连接 在 CLK 上 ， 通 外 部 过 中 断 来 计数 ;DT 引 脚 用 于 判断 正 反 转 ;按压 SW 进行 计数 清 零 ， 旋 转 得 到 的 数值 通过 串口 输出 。 


const int interruptA = 0; // 中 断 Interrupt 0 在 数字 引 脚 0 上 
int CLK = 27 
dint DE 3» 号 ， 用 于 判断 
// 正 转 (前 进 ) 或 者 反 转 (后 退 ) 
int SW= 4; // 连 接 D4 的 开关 信号 
int COUNT = 0; 
void setup () 
{ 


attachInterrupt (interruptA, RoteStateChanged, FALLING); 
// 外 部 中 断 ， 高 电 平 变 为 低 电 平 触发 ， 调 用 中 断 处 理子 函数 RoteStateChanged () 
PinMode (CLK, INPUT); 
digitalWrite(2, HIGH); 
PinMode (DT, INPUT); 
digitalWrite(3, HIGH); 
pinMode (SW, INPUT); 
digitalWrite(4, HIGH); 


Serial .begin(9600); // 设 置 比特 率 为 9600 
} 
void loop() 
if (! (digitalRead (SW))) // 如 果 按 下 按钮 
{ 

COUNT = 0; // 计 数 清 零 

Serial.println("STOP COUNT = 0");// 串 口 输出 清 零 

delay (2000); // 延 时 2 秒 

} 

Serial.println (COUNT) ; ”// 如 果 没 有 按钮 ， 输 出 计数 值 
} 
void RoteStateChanged () // 当 CLK 下 降 沿 触发 的 时 候 ， 进 入 中 断 
{ 
if (digitalRead (DT)) // 当 DT 为 高 电 平时 ， 前 进 方向 

{ 
COUNT++7 // 计 数 器 累加 

delay (20); 
: 
else // 当 DT 是 低 电 平时 ， 后 退 方向 

{ 

COUNT——; // 计 数 器 累 减 
delay (20); 


4.3 ”Processing 读 取 音 乐 文件 


Processing 中 读 取 音 乐 等 音频 文件 需要 用 到 minim 音 频 库 。minim 是 一 个 在 Processing 开 发 工作 下 简单 易 用 的 音频 库 ， 它 基于 Tritonus、JavaSoundAPI 和 Javazoom 的 MP3SPI 开 发 。 它 已 经 内 置 在 


Processing 中 。 


在 使 用 minim 音 频 的 时 候 ， 要 先 把 它 导入 程序 中 。 


import ddf.minim.*; 


要 播放 音频 ， 首 先 要 实例 化 一 个 Minim 对 象 和 音频 播放 器 对 象 AudioPlayer。 
AudioPlayer 类 中 有 多 种 方法 来 控制 音乐 。 

“player () : 播放 音乐 。 

. loop () : 循环 播放 音乐。 

.pause () : 暂停 播放 音乐 。 

“ setGain (float value) : 设置 增益 效果 ， 等 同 于 设置 音量 。 


“setBalance (float value) : 设置 平衡 。 


Minim minim; 
AudioPlayer player; 


将 要 播放 的 音频 文件 放 入 程序 文件 夹 根 目录 的 data 文 件 夹 中 ， 如 果 没有 data 文 件 夹 ， 则 需要 自己 手动 创建 data 文 件 夹 。 之 后 用 minim 类 中 的 loadFile 成 员 函 数 来 为 player 读 取 音 频 文件 。 


minim=new Minim(this); // 初 始 化 minim 
Player =minim.loadFile ("test.mp3"); // 初 始 化 player 对 象 ， 读 取 音 乐 文件 


读 取 完 音乐 文件 之 后 就 可 以 播放 音乐 ， 这 里 用 play () 来 播放 音乐 。 


player.play (); // 播 放 音 乐 


当 需 要 和 暂停 的 时 候 就 需要 用 到 pause () 。 


player.pause (); 


设置 音量 用 setGain (float value) 。 


player.setGain (volume) 


当 不 再 需要 播放 音乐 时 ， 需 要 用 到 close () 函数 。 


void stop () // 停 止 播放 音乐 
{ 
Player.close (); // 关 闭 音 乐 
minim.stop(); // 关 闭 minim 


super.stop(); 


4.4 调节 音量 大 小 


将 旋转 编码 器 和 Arduino 连 接 ， 将 数据 通过 串口 发 送 到 Processing 进 行 处 理 ， 就 能 让 旋转 编码 器 来 控制 音乐 的 播放 或 调节 音量 的 大 小 。 


“ Processing 代 码 
import processing.serial.*; // 导 入 Serial 和 minim 琉 数 库 
import ddf.minim.*; 
Minim minim; // 实 例 化 一 个 Minim 对 象 
AudioPlayer player; // 实 例 化 一 个 音乐 播放 器 对 象 
Serial port=new Serial (this,"COM10"，9600) 7 
float volume=-40; / /初始 音 量 大 小 


void setup () 


size(300, 300); 


minim=new Minim(this); // 初 始 化 minim 
player =minim.loadFile ("test .mp3"); // 初 设 化 player 对 象 ， 读 取 音 乐 文件 
player.play (); // 播 放 音 乐 
Play.loop () 7 // 循 环 播放 

} 

void draw() { 
if (Port.read() 一 'a') 
// 如 果 Processing 从 事 口 读 到 字符 a， 增 大 音量 
Volumet+; 
if (port.read()=='b') 
Volume——; 


Player.setGain (Volume) ; // 如 果 Processing 从 串口 读 到 字符 b， 减 小 音量 
} 
void stop () // 停 止 播放 音乐 
{ 

player.close(); / /关闭 音乐 

minim.stop(); 

super.stop(); 


' Arduino 代码: 
const int interruptA = 0; // 中 断 Interrupt 0 在 pin 2 上 
int CLK = 2; //PIN2 脉 冲 信 号 
int DAT = 3; //PIN3 
int SW = 4; //PIN4 往 下 按压 的 开关 信号 


int COUNT = 0; 

void setup () 

{ _ attachInterrupt (interruptA, RoteStateChanged, FALLING); 
// 高 电 平 变 为 低 电 平 触 发 ， 调 用 中 断 处 理子 函数 RoteStateChanged () 
PinMode (CLK， INPUT) 


digitalWrite (2, HIGH); // 上 拉 电 阻 
PinMode (DAT, INPUT); 
digitalWrite (3, HIGH); // 上 拉 电 阻 
PinMode (SW, INPUT); 
digitalWrite (4, HIGH); // 上 拉 电 阻 
Serial .begin (9600); // 设 置 比特 率 为 9600 
} 
void loop() 
{ if (!(digitalRead (SW))) // 如 果 按 下 按钮 
{ COUNT = 0; // 计 数 清 零 
} 
} 
void RoteStateChanged () // 当 CLK 下 降 沿 触发 的 时 候 ， 进 入 中 断 
{ if (digitalRead (DAT)) // 当 DAT 为 高 电 平 时 ， 前 进 方向 
{ COUNT++; // 计 数 器 累加 
Serial.println('a'); 
delay (50); 
} 
else // 当 DAT 是 低 电 平时 ， 反 方向 滚动 
{ COUNT--; // 计 数 器 累 减 
Gelay (50); 


Serial .printin('b'); 


第 5 章 ”跟随 环境 光 变 化 的 太阳 


5.1 “光敏 传感器 简介 


光敏 传感器 由 光敏 电阻 构成 。 光 敏 电阻 的 阻 值 会 根据 光线 强度 发 生变 化 。 环 境 光线 较 弱 时 ， 阻 值 增 大 ;环境 光 强烈 时 ， 阻 值 变 小 ， 当 环境 光线 被 完全 遮 时 ， 阻 值 最 大 。 简 单 构造 一 个 电路 ， 将 阻 值 的 变 
化 用 电压 表示 出 来 ， 即 可 用 Arduino 的 模拟 引 脚 读 取 。 如 图 5-1 所 示 是 一 个 光敏 传感器 模块 。 


图 5-1 光敏 传感器 模块 


光敏 传感器 由 光敏 电阻 构成 。 光 敏 电阻 的 阻 值 会 根据 光线 强度 发 生变 化 。 环 境 光线 较 弱 时 ， 阻 值 增 大 ;环境 光 强烈 时 ， 阻 值 变 小 ， 当 环境 光线 被 完全 遮 时 ， 阻 值 最 大 。 简 单 构造 一 个 电路 ， 将 阻 值 的 变 
化 用 电压 表示 出 来 ， 即 可 用 Arduino 的 模拟 引 脚 读 取 。 如 图 5-1 所 示 是 一 个 光敏 传感器 模块 。 


图 5-1 光敏 传感器 模块 


从 图 5-1 可 知 ， 光 敏 传感器 模块 有 3 个 引 脚 ， 接 线 情况 如 表 5-1 所 示 。 可 通过 光 强 的 变化 来 改变 阻 值 ， 从 而 改变 信号 端的 输出 电压 。 


序 光敏 传感器 模块 引 脚 | Arduino 引 肢 光敏 传感器 模块 引 肢 
2 | vc lw 和 | | 


表 5-1 Arduino 与 光敏 传感器 模块 接线 表 


将 光敏 传感器 3 端的 电压 读 出 ， 并 使 


输出 到 计算 机 上 显示 结果 ，Arduino 代 码 如 下 所 示 ， 


Arduino 的 串 


监视 器 可 以 读 出 数值 ， 如 


5-2 所 示 。 


Arduino 引 脚 
GND 


图 5-2 光敏 传感器 的 采样 结果 


int sensorPin = 0; // 定 义 光敏 传感器 接口 
int value = 0; 

void s () 

{ 

Serial.begin(9600); // 串 口 比特 这 为 9600 
} 

void loop () 


{ 
value = analogRead (sensorPin); // 读 取 模 拟 0 端口 


Serial.println(value, DEC); // 十 进 制 数 显示 结果 ， 并 换行 
delay (50); 
} 


图 5-2 中 ， 靠 窗口 上 方 的 是 强 光 时 的 数据 ， 中 间 是 无 光 或 弱 光 时 的 数据 。 尽 管 AVR 单 片 机 是 10 位 的 采样 精度 ， 其 输出 范围 为 0~ 1023， 但 实际 读 取 到 的 数据 区 间 大 致 在 0~268。 


5.3 ”Processing 绘 制 太阳 


读者 可 以 根据 以 下 代码 绘制 一 个 太阳 。 绘 制 这 个 太阳 用 了 画 多 角形 和 曲线 的 知识 ， 代 码 首先 画 了 一 个 14 角 星 形 ， 再 在 里 面 画 了 一 个 贺 ， 最 后 在 加 上 
后 调用 save () 函数 将 绘制 的 图 片 存储 为 sunshine:jpg 文 件 。 


贝 塞 尔 曲线 勾勒 出 笑脸 ， 如 图 5-3 所 示 。 绘 制 完 毕 


图 5-3 太阳 图 片 


void setup () 
{ size(500,500); 
sun (250,250, 200,120,14); 


save ("sunshine.jpg"); // 将 图 像 存 储 为 sunshine.jpg 文 件 


i 
void sun (float x,float y,float rl,float r2,int n) //n 表 示 角 数 
{ background (255); 

£ill] (250, 218, 141); 

float radian=TWO PI/ (nx2) 7 

float xtemp, ytemp; 


beginShape (); 
for (int i=0;i<n*2;i++) // 顶 角 的 数量 为 角 个 数 的 两 倍 
{ 
if (i%2==0) // 如 果 i 能 被 2 整除 ， 绘 制 内 半径 顶点 


{ 
xtemp=x+cos (radian*i)*rl; 
ytemp=yt+sin (radian*i)*rl; 

} 


else 


xtemp=x+cos (radian*i)*r2; 
ytemp=y+sin (radian*i)*r2; 


Vertex (xtemp, ytemp); 
} 
endShape (CLOSE); 
strokeWeight (1) 7 
fil1(250，218，141) 7 
ellipse (250, 250, 250, 250); 
noFill(); 
strokeWeight (6); 
bezier (140, 210, 170, 170, 190, 170, 220, 210); 
bezier (280, 210, 310, 170, 330, 170, 360, 210); 
strokeWeight (15); 
bezier (210, 300, 220, 330, 270, 330, 290, 300); 


将 以 上 代码 生成 的 sunshine.jpg 文 件 复制 到 以 下 代码 的 同一 个 文件 夹 中 。 以 下 代码 


展示 了 读 取 图 片 ， 演 示 了 太阳 从 暗 变 亮 ， 再 从 亮 变 暗 的 过 程 。 


PImage img; 

int i=0; 

boolean max=false; // 是 否 已 经 到 达 最 大 值 
void setup () 


size(500, 500); 
img=loadImage ("sunshine.jpg"); // 读 取 图 片 


background (255); // 背 景 颜色 为 白色 
} 
void draw () 
{ 
if (max==false) // 如 果 不 是 最 大 值 
{ if (i<=255) // 亮 度 值 累加 ， 直 到 最 亮 
EL 
else 
{ i=255; 
max=true; // 最 大 值 为 真 
} 
} else // 已 经 达到 最 大 值 ， 则 亮度 值 累 减 ， 一 直到 最 暗 为 止 
{ 
DY ds 
else 
{ i=0; 


max=false; 
} 

} 

sunDisplay (i); 
} 
void sunDisplay (int j) 
{ tint(j}» // 显 示 亮 度 

image (img, 0, 0); 
} 


54 ”根据 亮度 调节 太阳 的 颜色 


下 面 的 示例 代码 演示 了 如 何 从 Arduino 获 得 光敏 传感器 的 数值 ， 并 用 数值 控制 图 中 太阳 的 亮度 ， 在 黑暗 的 环境 中 ， 太 阳 图 片 变 暗 ; 在 光亮 的 环境 中 ， 太 阳 图 片 变 得 明亮 。 
“Processing 代 码 : 
PImage img; 


import processing.serial.*; 
Serial myPort; 
void setup () 


myPort= new Serial (this，"COM13"，9600); // 串 口 初始 化 

size(500, 500); 

img=loadImage ("sunshine.jpg"); // 读 取 前 面 代码 生成 的 太阳 图 片 
background (255); 

myPort.clear (); 


int data; 

void draw() 

{ 
if (myPort.available()>0) 
{ data=myPort.read(); 


if (data>255) data=255; // 光 线 最 暗 的 时 候 可 能 超过 255 
data=255-data; // 读 数 需 与 255 取 反 
println (data); // 显 示 结 果 ， 方 便 观察 
} 
sun (data); // 调 用 图 片 ， 将 亮度 值 传 入 


void sun(int light) 

{ 
tint (light); // 调 节 亮 度 值 
image (img, 0, 0); 


Arduino 人 代码: 


int sensorPin = 0; // 定 义 光 敏 传感器 接口 
int value = 0; 

void setup () 

{ 


Serial .begin (9600); // 囊 口 比特 率 为 9600 

} 

void loop() 

{ 

value = analogRead (sensorPin); // 读 取 模 拟 0 端口 

Serial .write (Value) ; // 直 接 输 出 整数 ， 请 读者 比较 Serila.Print () 的 区 别 
Gelay (20); 

} 


第 6 章 ” 超 声波 测 距 传 感 器 的 读 取 与 显示 


6.1 超声 波 测 距 传感器 简介 


超声 波 测 距 传感器 是 利用 频率 高 于 20kHz 的 声波 在 空气 中 传播 ， 遇 到 障碍 物 反 射 


回 


来 ， 通 过 计算 发 射 和 接收 时 间 差 ， 可 以 计算 出 发 射 点 与 障碍 物 间 的 距离 。 


超声 波 测 距 的 公式 如 下 : 
IL=VX (TyT1) /2 


式 中 | 为 测量 的 距离 长 度 ，V 为 超声 波 在 空气 中 的 传播 速度 (在 20°C 时 为 344m/s) ; T1 为 测量 距离 的 起 始 时 间 ; T2 为 收 到 回 波 的 时 间 ; 速度 乘 以 时 间 差 等 于 来 回 的 距离 ， 除 以 2 可 以 得 到 实际 距离 。 


超声 波 测 距 传感器 的 种 类 繁多 ， 有 的 模块 带 有 串口 或 1*C 输 出 ， 如 图 6-1 所 示 。 这 种 能 直接 输出 距离 值 。 本 书 选 用 了 市 面 上 性 价 比较 高 的 模块 HC-SR04， 如 图 6-2 所 示 。 该 传感器 测量 距离 为 2~450cm ， 
精度 为 3mm。 


图 6-1 IC 接 口 超声 波 传感器 


图 6-2 输出 方 波 信号 的 超声 波 传感器 


超声 波 测 距 目前 已 经 广泛 应 用 于 汽车 倒车 雷达 等 设备 ， 机 器 人 爱好 者 也 将 其 用 于 机 器 人 导航 、 智 能 小 车 避 障 等 。 超 声波 传感器 的 测量 精度 往往 只 能 达到 厘米 数量 级 ， 若 要 进一步 提高 精度 ， 需 进行 温度 
补偿 计算 。 声 速 受 温度 影响 较为 明显 ， 例 如 ， 当 温度 为 0"C 时 超声 波 速度 是 332m/s，30"C 时 是 350m/s。 温 度 变 化 引起 的 超声 波 速度 变化 为 18my/s。 


HC-SR04 的 引 脚 功能 从 左 到 右 如 表 6-1 所 示 。Trig 引 脚 能 控制 发 送 器 发 送 超声 波 ，Echo 引 脚 连接 接收 探头 。 


表 6-1 HC-SR04 超 声波 测 距 模块 引 脚 说 明 


序 号 引 脚 说 明 
WW sv 
2 触发 控制 信号 输入 
回 波 信号 输出 

1 0 


LD 


第 6 章 “超声波 测 距 传感器 的 读 取 与 显示 


6.1 超声 波 测 距 传感器 简介 


超声 波 测 距 传感器 是 利用 频率 高 于 20kHz 的 声波 在 空气 中 传播 ， 遇 到 障碍 物 反 射 回来 ， 通 过 计算 发 射 和 接收 时 间 差 ， 可 以 计算 出 发 射 点 与 障碍 物 间 的 距离 。 


超声 波 测 距 的 公式 如 下 : 


L=Vx (TT1) /2 


式 中 | 为 测量 的 距离 长 度 ，V 为 超声 波 在 空气 中 的 传播 速度 (在 20°C 时 为 344m/s) ; T1 为 测量 距离 的 起 始 时 间 ; T2 为 收 到 回 波 的 时 间 ; 速度 乘 以 时 间 差 等 于 来 回 的 距离 ， 除 以 2 可 以 得 到 实际 距离 。 


超声 波 测 距 传感器 的 种 类 繁多 ， 有 的 模块 带 有 串口 或 1*C 输 出 ， 如 图 6-1 所 示 。 这 种 能 直接 输出 距离 值 。 本 书 选用 了 市 面 上 性 价 比较 高 的 模块 HC-SR04， 如 图 6-2 所 示 。 该 传感器 测量 距离 为 2~450cm， 
精度 为 3mm。 


图 6-2 输出 方 波 信号 的 超声 波 传感器 


超声 波 测 距 目前 已 经 广泛 应 用 于 汽车 倒车 雷达 等 设备 ， 机 器 人 爱好 者 也 将 其 用 于 机 器 人 导航 、 智 能 小 车 避 障 等 。 超 声波 传感器 的 测量 精度 往往 只 能 达到 厘米 数量 级 ， 若 要 进一步 提高 精度 ， 需 进行 温度 
补偿 计算 。 声 速 受 温度 影响 较为 明显 ， 例 如 ， 当 温度 为 0"C 时 超声 波 速度 是 332m/s，30"C 时 是 350m/s。 温 度 变 化 引起 的 超声 波 速度 变化 为 18my/s。 


HC-SR04 的 引 脚 功能 从 左 到 右 如 表 6-1 所 示 。Trig 引 脚 能 控制 发 送 器 发 送 超声 波 ，Echo 引 脚 连接 接收 探头 。 


表 6-1 HC-SR04 超 声波 测 距 模块 引 脚 说 明 


序号 引 脚 说 明 
] Vcc 供电 5V 
a 触发 控制 信号 输入 
3 回 波 信号 输出 
4 Gnd 接地 


HC-SR04 模 块 的 工作 原理 如 下 : 
1) 单片机 引 脚 拉 低 Trig， 给 予 至 少 10hs 的 高 电 平 信号 去 触发 。 


2) 模块 触发 后 会 发 射 8 个 40KHz 的 方 波 ， 并 开始 自动 检测 是 否 有 信号 返回 。 


3) 若 接收 到 信和 号 返回 ， 则 通过 Echo 输出 一 个 高 电 平 ， 高 电 平 持续 的 时 间 便 是 超声 波 从 发 射 到 接收 的 时 间 ， 该 模块 工作 时 序 图 如 图 6-3 所 示 。 
触发 脉冲 
至 少 给 10ks 的 高 电 平 信号 


发 射 触发 脉冲 输入 到 HC-SR04 -| 


8 个 40kHz 的 方 波 


触发 后 ，HC-SR04 模块 会 自动 发 射 8 个 40kHz | 


的 方 波 ， 并 自动 检测 是 否 有 信号 返回 回 波 脉 冲 (高 电 平 ) -100hs ~ 25ms 
如 果 有 信号 返回 ， 通 过 ECHo 输出 一 个 高 电 平 ， | 
高 电 平 持续 的 时 间 便 是 超声 波 从 发 时 到 接收 的 时 间 ， 


那么 测试 距离 = 高 电 平 持续 时 间 x 340m/s x 0.5 


图 6-3 HC-SR04 模 块 工作 时 序 图 


4) 根据 计算 公式 : 测试 距离 = 高 电 平 持续 时 间 x340m/sx0.5， 即 可 得 到 实际 的 距离 值 。 


Arduino 与 超声 波 测 距 传感器 的 实验 接线 如 表 6-2 所 示 。 


序 号 


| 


测试 代码 请 参照 下 列 代码 ， 读 者 可 以 用 串 


表 6-2 ”Arduino 与 超声 波 测 距 传感器 的 接线 表 


超声 波 测 距 传感器 引 脚 
Vecc 


Gnd 


Trig 


Echo 


监视 器 来 观察 数值 的 变化 。 


Arduino 引 脚 
SV 
GND 
D2 
D3 


int outputPin=2; // 接 超声 波 Trig 到 数字 D2 脚 
int inputPin=3; // 接 超声 波 Echo 到 数字 D3 脚 


void setup () 
{ 
Serial .begin (9600); 
PinMode (inputPin, INPUT); 
pinMode (outputPin, OUTPUT); 
} 
void loop () 


{ 

digitalWrite (outputPin, LOW); 
delayMicroseconds (2); 
digitalWrite (outputPin, HIGH); 


// 发 出 持续 时 间 为 10hs 到 Trig 脚 驱动 超声 波 检测 


delayMicroseconds (10) 7 
digitalWrite (outputPin, LOW); 


int distance = pulseIn (inputPin, HIGH); // 接 收 脉冲 的 时 间 

distance= distance/58; // 将 脉冲 时 间 转 化 为 距离 值 
Serial .print ("The distance is :"); // 显 示 文 字 

Serial .println (distance); // 输 出 距离 值 

delay (50); 


6.3 ”Processing 绘 制 距离 值 与 提示 


读 取 一 张 公交 车 的 图 片 ， 在 右边 画 上 一 堵 墙 ， 


墙 上 的 读数 是 公交 车 与 墙 的 距离 。 用 键盘 “ 左 ” 和 “ 右 ” 键 控制 公交 车 远离 或 靠近 墙 。 与 墙 的 距离 会 实时 显示 在 屏幕 右上 角 。 最 远 为 450cm， 最 近 为 


0cm。 


PImage bus; 
int x=0, y=150; 
int distance=0; 
void setup () 
{ 
size (640, 480); 


bus=loadImage ("bus .png"); // 读 取 图 片 
background (255); // 背 景 颜色 为 白色 


image (bus, x, y); 


} 

void draw() 

{ 
background (255); 
fil1(30, 40, 40); 
rect (600, 80, 30, 200); 
image (bus, x, y); 
distance=450-x*450/ (600-bus .width); 
// 换 算 与 墙 之 间 的 距离 ， 设 其 最 大 值 为 450cm 


text ("Distance is "+distance+"CM" 


void keyPressed () 
{ 


400, 40); 


if (key 一 CODED) // 特 殊 键 的 key 值 为 CODED, 此 时 需要 keyCode 再 次 判断 
{ 


Switch (keyCode) 
{ 
Case LEFT: // 按 下 " 左 " 键 
if (x>0) 
{ 
X=x-1; 
} else 
{ 
x=0; 
} 
break; 
Case RIGHT: // 按 下 " 右 " 键 
if (x<(600-bus.width)) 
{ 
X=x+1; 
} else 
{ 
x=600-bus .width7 
} 
break; 
default: 
break; 


6.4 超声波 读 取 值 显示 


读 取 超 声波 的 值 ， 将 值 显示 在 屏幕 右上 角 。 根 据 该 距离 值 与 墙 的 距离 绘制 公交 车 。 超 声波 测 距 传感器 读 取 的 数值 大 ， 则 公交 车 离 墙 的 距离 远 ， 读 取 的 数值 小 ， 则 公交 车 离 墙 的 距离 近 。 


“ Processing 代 码 : 


PImage bus; 

int x=0, y=150; 

import processing.serial.*; 
Serial myPort; 

int distance=0; 

void setup () 


size (640, 480); 
bus=loadImage ("bus.png"); // 读 取 图 片 
myPort= new Serial (this，"COM13"，9600); // 串 口 初始 化 


void draw() 
{ 
if (myPort.available()>0) 
{ distance=myPort.read(); 
println (distance); // 显 示 结果 ， 方 便 观察 
} 
background (255); 
£ill (30, 40, 40); 
rect (600, 80, 30, 200); 
x=(450-distance) * (600-bus.width) /450; // 将 读 取 的 距离 值 换算 成 实际 的 坐标 
image (bus, x, y); 
text ("Distance is "+distancet+"CM", 400, 40); 


Arduino 人 代码: 
int outputPin=2; // 接 超声 波 Trig 引 脚 到 数字 D2 脚 
int inputPin=3; // 接 超声 波 Echo 引 脚 到 数字 D3 脚 


void setup () 

{ 

Serial .begin (9600); 
PinMode (inputPin, INPUT); 
pinMode (outputPin, OUTPUT); 


} 
void loop () 
{ 
digitalWrite (outputPin, LOW); 
delayMicroseconds (2); 
digitalWrite (outputPin, HIGH); 
// 发 出 持续 时 间 为 10ks 到 Trig 脚 驱动 超声 波 检测 
delayMicroseconds (10) 7 
digitalWrite (outputPin, LOW); 
int distance = pulselIn (inputPin, HIGH); // 接 收 脉 冲 的 时 间 


distance= distance/58; // 将 脉冲 时 间 转 化 为 距离 值 
Serial.write (distance); // 直 接 输 出 距离 值 
delay (50); // 延 时 50ms 


第 7 章 ”控制 彩色 LED 灯 


7.1 RGB 彩色 LED 模 块 简介 


LED 是 发 光 二 极 管 的 简称 ， 它 是 半导体 二 极 管 的 一 种 ， 可 以 把 电能 转化 成 光 能 。LED 灯 已 经 大 量 进 入 了 人 们 的 生活 。 普 通 的 LED 灯 大 多 数 都 是 单 色 的 ， 用 于 照明 、 装 饰 等 。 彩 色 的 LED 是 以 三 原色 ( 红 、 
绿 、 蓝 ) 按照 一 定 比 例 混合 出 来 ， 可 以 近似 调 出 所 有 人 有 眼 可 见 光 的 颜色 。 彩 色 LED 用 于 户外 的 大 型 显示 屏 等 需要 有 多 种 颜色 的 场合 。 彩 色 LED 有 贴 片 和 直 揪 封装 两 种 ， 如 图 7-1 和 图 7-2 所 示 。 


图 7-1 ” 贴 片 RGB 彩 色 LED 


图 7-2 ” 直 插 RGB 彩色 LED 


LED 是 发 光 二 极 管 的 简称 ， 它 是 半导体 二 极 管 的 一 种 ， 可 以 把 电能 转化 成 光 能 。LED 灯 已 经 大 量 进入 了 人 们 的 生活 。 普 通 的 LED 灯 大 多 数 都 是 单 色 的 ， 用 于 照明 、 装 饰 等 。 彩 色 的 LED 是 以 三 原色 ( 红 、 
绿 、 蓝 ) 按照 一 定 比 例 混合 出 来 ， 可 以 近似 调 出 所 有 人 有 眼 可 见 光 的 颜色 。 彩 色 LED 用 于 户外 的 大 型 显示 屏 等 需要 有 多 种 颜色 的 场合 。 彩 色 LED 有 贴 片 和 直 插 封装 两 种 ， 如 图 7-1 和 图 7-2 所 示 。 


图 7-1 ” 贴 片 RGB 彩色 LED 


图 7-2 ” 直 插 RGB 彩色 LED 


7.2 _ Arduino 控 制 LED 灯 亮度 和 颜色 


控制 彩色 LED 灯 发 出 不 同 的 亮度 ， 需 采 


是 8 位 的 ， 理 论 上 可 以 输出 28x28x28=16777216 种 颜色 。Arduino 与 彩色 LED 的 接线 如 表 7-1 所 示 。 


序 “号 


1 
过 
3 
4 


表 7-1 Arduino 与 彩色 LED 的 接线 表 


彩色 LED 模块 引 脚 


下 面 的 代码 演示 了 随机 生成 三 原色 混搭 形成 各 种 颜色 。 每 种 颜色 延 时 200ms。 


模拟 输出 引 脚 。 每 个 模拟 输出 引 脚 控 制 红 、 绿 、 蓝 3 种 颜色 中 的 一 种 ， 通 过 输出 不 同 的 电压 ， 可 以 搭配 出 不 同 的 颜色 。Arduino 的 模拟 输出 引 脚 (PWM 引 脚 ) 


Arduino 引 脚 


GND 
D3 
DS 
D6 


int Red=3; 

int Green=5; 

int Blue=6; 

void setup() { 
PinMode (Red, OUTPUT) ; 
PinMode (Green, OUTPUT) ; 
pinMode (Blue, OUTPUT); 

} 

void loop() { 


analogWrite (Red, random (0,255)); 
analogWrite (Green, random (0,255)); 
); 


analogWrite (Blue, random (0,255) 
delay (200); 


// 红 色 为 数字 3 引 肢 
// 绿 色 为 数字 5 引 肢 
// 蓝 色 为 数字 6 引 脚 


// 随 机 输出 0~255 数 值 
// 随 机 输出 0~255 数 值 
// 随 机 输出 0~255 数 值 
// 延 时 200ms 


7.3 ”Processing 进 度 条 绘制 


首先 我 们 绘制 3 条 进度 条 ， 分 别 代表 R、G、B 三 种 颜色 分 量 ， 通 过 进度 条 的 长 度 再 映射 到 0~255， 赋 值 给 R、G、B 三 个 颜色 分 量 ， 就 能 随意 组 合 颜色 ， 如 图 


7-3 所 示 。 


图 7-3 ”进度 条 


int redDisplay, greenDisplay, blueDisplay; 

// 定 义 R、G、B 3 个 颜色 分 量 显示 的 长 度 变量 _ 
int red, green, blue; // 定 义 R、G、B 三 种 颜色 分 量 的 值 的 变量 
void setup () 

{ 


size(700, 500); 
4 
void draw() { 


background (204); 
rectMode (CORNER); 


noFil1() 7 // 不 填充 颜色 

strokeWeight (2) 7 // 3 个 进度 条 的 边框 厚度 为 2 像素 
stroke (255, 0, 0); // 描 边 颜色 为 红色 
rect (50, 100, 500, 50); // 绘 制 红色 分 量 进 度 条 的 边框 
stroke (0, 255, 0); // 描 边 颜 色 为 绿色 
rect (50, 200, 500, 50); // 绘 制 绿色 分 量 进度 条 的 边框 
stroke (0, 0, 255); // 描 边 颜色 为 蓝 色 
rect (50, 300, 500, 50); // 绘 制 蓝 色 分 量 进 度 条 的 边框 
fill (red, 0, 0); // 填 充 颜色 为 当前 红色 分 量 的 值 
rect (50, 100, redDisplay, 50); // 以 当前 红色 分 量 的 长 度 画 出 进度 条 
fill (0, green, 0); // 填 充 颜色 为 当前 绿色 分 量 的 值 
rect (50，200，greenDisplay，50); // 以 当前 绿色 分 量 的 长 度 画 出 进度 条 
£ill(0, 0, blue); // 填 充 颜 色 为 当前 蓝 色 分 量 的 值 


rect (50，300，blueDisplay，50);  // 以 当前 蓝 色 分 量 的 长 度 画 出 进度 条 
fill (red，green，blue) ; // 以 当前 R、G、B 分 量 合成 的 颜色 值 为 填充 ， 画 出 一 个 矩形 
rect (300, 400, 50, 50); 
} 
void mouseClicked() { // 定 义 一 个 鼠标 事件 
if (mouseX<=550&&mouseX>=50) { 
// 当 鼠标 指针 在 该 范围 时 ， 读 取 mouseX 的 值 ， 映 射 到 0~255， 为 红色 颜色 分 量 的 值 
if (mouseY<=150&&mouseY>=100) 


Ted= (int)map (mouseX, 50, 550, 0, 255); 
redDisplay=mouseX-50; 

} 

if (mouseY<=250&&mouseY>=200) { 

// 当 鼠标 指针 在 该 范围 时 ， 读 取 mouseX 的 值 ， 映 射 到 0~255， 为 绿色 颜色 分 量 的 值 
green= (Int)map (mouseX, 50, 550, 0, 255); 
greenDisplay=mouseX-50; 


if (mouseY<=350&&mouseY>=300) { > 

// 当 鼠标 指针 在 该 范围 时 ， 读 取 mouseX 的 值 ， 映 射 到 0~255， 为 蓝 色 颜色 分 量 的 值 
blue= (int)map (mouseX, 50, 550, 0, 255); 
blueDisplay=mouseX-50; 


7.4 调节 彩色 LED 灯 


Processing 通 过 将 R、G、B 分 量 经 串口 发 送 到 Arduino 上 面 。Arduino 经 过 处 理 数据 ， 将 R、G、B 各 分 量 传送 到 RGB 彩色 LED 模 块 ， 就 能 实现 颜色 的 改变 。 


“ Processing 代 码 : 


import processing.serial.*; 

Serial port= new Serial (this, "COM10", 9600); 
int redDisplay, greenDisplay, blueDisplay; 
int red, green, blue; 

String strRed, strGreen, strBlue; 


String message; 
void setup () 


size(700, 500); 
§ 
void draw() { 
background (204) 7 


frame () 7 绘制 进度 条 边框 
RGBDisplay() 7 /绘制 进度 条 
sendMessage (); // 发 送 数 据 

void frame() { / /绘制 进 度 条 边框 函数 


rectMode (CORNER) 
noFill(); 

stroke (255, 0, 0); 
strokeWeight (2); 

rect (50, 100, 500, 
stroke (0, 255, 0); 
rect (50, 200, 500, 
stroke (0, 0, 255); 
rect (50, 300, 500, 


E 

void RGBDisplay() { 
rectMode (CORNER); 
nostroke () 7 
fill (red, 0, 0); 


50); 
50); 
50); 


// 绘 制 进度 条 函数 


rect (50, 100, redDisplay, 50); 


£fill (0, green, 0); 


rect (50, 200, greenDisplay, 50); 


£ill(0, 0, blue); 


£fill (red, green, blue); 
rect (300, 400, 50, 50); 


£ill1 (0); 

rect (400, 400, 50, 5 
} 
void mouseClicked () { 


( 
(0 
( 
( 
rect (50, 300, blueDisplay, 50); 
( 
( 
(0 
( 


0); 


// 单 击 息 标 事件 ， 改 变现 实 的 进度 条 ， 站 G、B 各 分 量 的 值 


if (mouseX<=550&&mou 
if (mouseY<=150& 
{ 
red= (int)map 
redDi splay=m 
} 
if (mouseY<=250& 


SeX>=50) 
ee 00) 


(mouseXx, 50, 550, 0, 255); 
ouseX-50; 


&mouseY>=200) 1{ 


green= (int)map (mouseX, 50, 550, 0, 255); 
greenDisplay=mouseX-50; 


} 
if (mouseY<=350& 
blue= (int)mal 


&mouseY>=300) { 
Ip (mouseX, 50, 550, 0, 255); 


blueDisplay=mouseX-50; 


} 
if (mouseX<=450& 
if (mouseY>=400g&&mouseY<= 
shut (); 
} 
} 
void sendMessage() { 
strRed=redt""; 
if (red<100) /1/ 当 red 分 
strRed="0"+red; 
if (red<10) 
strRed="00"+red; 
strGreen=greent""; 
if (green<100) 


&mouseX>=400) 
450) 
// 当 鼠标 在 该 区 域 单 击 时 ， 关 闭 LED 灯 


// 将 red 分 量 转换 为 字符 串 类 型 
分 量 小 于 100 时 ， 将 red 转 换 为 字 


strGreen="0"+green; 


if (green<10) 


strGreen="00"+green; 


strBlue=bluet""; 
if (blue<100) 


strBlue="0"+blue; 


if (blue<10) 


strBlue="00"+blue; 
message="a"+strRedtstrGreentstrBluet+"s"; 


// 将 R、G、B 各 分 量 连 接 为 字符 串 ， 通 过 囊 口 发 送 到 JArduino 


port .write (message); 


} 
void shut() { 


// 定 义 关闭 LED 灯 函数 
redDisplay=0; // 红 色 进 度 条 设置 为 0 
greenDi splay=0; // 绿 色 进度 条 设置 为 0 
blueDisplay=0; // 蓝 色 进度 条 设置 为 0 
red=0; // 红 色 设置 为 0 
0 // 绿 色 设置 为 0 
// 蓝 色 设 置 为 0 


符 串 ， 并 且 在 前 面 加 上 字符 0 
// 当 red 分 量 小 于 10 时 ， 将 red 转 挽 为 字符 事 ， 并 且 在 前 面 加 上 字符 00 


“Arduino 人 代码: 


int redpin = 11; 
int bluepin = 10; 
int greenpin = 9; 
void setup () 
{ pinMode (redpin, 


OUTPUT); 


// 将 LED 模 块 的 R 脚 接 到 Arduino 的 D11 引 脚 
// 将 LED 模 块 的 G 引 脚 接 到 Arduino 的 D10 引 脚 
// 将 LED 模 块 的 B 引 脚 接 到 Arduino 的 D9 引 脚 


PinMode (bluepin, OUTPUT); 
PinMode (greenpin, OUTPUT); 
Serial .begin (9600); 


} 
char charbuf[20]; 
int color[3]; 
void loop() { 
while 


(Serial .available () 
Serial.readBytesUntil('s 


// 定 义 一 个 字符 数组 ， 用 来 存放 从 串口 读 取 到 的 数据 
// 定 义 一 个 整 型 数组 ， 用 来 存放 3 个 颜色 分 量 的 值 


人 
', charbuf, 20); 


// 将 3 个 引 脚 都 设置 为 输出 模式 


// 当 从 串口 读 取 到 数据 的 时 候 


// 从 事 口 缓冲 区 读 取 最 多 20 个 字符 或 者 当 遇 到 字符 s 时 停止 ， 将 数据 保存 到 字符 数组 charbuf 中 


if (charbuf[0] a') { // 如 果 字 符 数 组 的 第 一 个 字符 为 校 验 字符 a 时 
color[0] = 100 * (charbuf[1] ~- '0') + 10 * (charbuf[2] - '0') + 
charbuf[3] - '0'; 


// 从 charbuf[1]、charbuf[2]、charbuf[3 


// 个 字符 ， 并 转换 为 整 型 


color [11] 


数 ， 人 的 一 个 三 位 数 
100 * (charbuf[4] - '0') 


] 中 读 取代 表 红 色 分 量 的 百 、 十 、 个 位 的 3 
+ 10 * (charbuf[5] - '0') 


+ charbuf[l6] = O03 


Color[2] = 100 * 


(charbuf[7] ~ '0') + 10 * 


(chartaut [8 = "0 + charbut[9) = Vs 


analogWrite (redpin, color[0]); 
analogWrite (greenpin, color[1]); 
analogWrite (bluepin, color[2]); 


// 输 出 3 个 颜色 分 量 


第 8 章 ; 


8.1 


N 
> 
im 


温 湿度 检测 提示 


昌 温 度 传感器 简介 


DHT11 是 一 款 集 温度 、 湿 度 检测 于 一 体 的 传感器 。 它 内 部 包含 一 个 8 位 的 单片机 、 


准 数据 ， 就 能 获得 精度 较 高 的 数据 。 它 的 温度 量程 为 0~50"C， 湿 度量 程 为 20%~90%。 


一 个 电阻 式 感 湿 元 件 和 一 个 NTC 测 温 元 件 ， 通 过 


感 湿 元 件 和 测 温 元 件 获取 外 界 的 湿度 和 温度 ， 


再 结合 DHT11 自 并 


节 的 校 


该 传感器 响应 迅速 ， 性 能 优越 稳定 ， 能 耗 低 ， 连 接 方便 ， 可 以 应 用 于 汽车 、 暖 通 空调 、 气 象 站 、 家 电 等， 如 图 8-1 所 示 。 


图 8-1 数字 温 湿 度 传感器 模块 图 
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8.1 温 湿度 传感器 简介 


DHT11 是 一 款 集 温度 、 湿 度 检 测 于 一 体 的 传感器 。 它 内 部 包含 一 个 8 位 的 单片机 、 一 个 电阻 式 感 混 元 件 和 一 个 NTC 测 温 元 件 ， 通 过 感 湿 元 件 和 测 温 元 件 获取 外 界 的 湿度 和 温度 ， 再 结合 DHT11 自 带 的 校 
准 数据 ， 就 能 获得 精度 较 高 的 数据 。 它 的 温度 量程 为 0~50"C， 湿 度量 程 为 20%~90%。 


该 传感器 响应 迅速 ， 性 能 优越 稳定 ， 能 耗 低 ， 连 接 方便 ， 可 以 应 用 于 汽车 、 暖 通 空 调 、 气 象 站 、 家 电 等 ， 如 图 8-1 所 示 。 


图 8-1 数字 温 湿 度 传感器 模块 图 


8.2 _ Arduino 读 取 温 温度 传感器 


数字 温 湿度 传感器 模块 的 3 个 引 脚 从 上 到 下 分 别 是 地 线 GND、 电 源 VCC 和 数据 线 S， 它 与 Arduino 的 接线 情况 如 表 8-1 所 示 。 


表 8-1 Arduino 与 数字 温 湿 度 传感器 模块 接线 表 


EE ET TT 
| 


DHT11 数 字 温 湿度 传感器 使 用 一 根 信号 线 传输 数据 ， 其 读 取 数据 步骤 如 下 : 


1) 将 D8 引 脚 设 置 成 输出 模式 ， 并 设 为 低 电 平 (LOW) ， 持 续 时 间 18ms 以 上 。 

2) 将 D8 引 脚 设 为 高 电 平 (HIGH) ， 持 续 时 间 40hs。 

3) 将 引 脚 D8 设 置 为 输入 〈 读 取 ) 模式 ， 判 定 读 到 低 电 平 后 ， 延 时 80hs， 再 判定 读 到 高 电 平 后 ， 延 时 80hs， 而 后 开始 接收 数据 。 

4) 数据 总 共有 5 个 字 节 ， 忽 略 校 输 位 ， 有 4 字 节 是 有 效 数 据 。 第 0 字 节 是 湿度 的 整数 位 ， 第 1 字 节 是 湿度 的 小 数位 ， 第 2 字 节 是 温度 的 整数 位 ， 第 3 字 节 是 温度 的 小 数位 。 


DHT11 数 字 温 湿度 传感器 读 取 数据 的 详细 程序 如 下 。 


int DHT11 = 7; // 数 字 第 7 引 脚 读 取 
byte message[5]; // 设 置 5 个 字 节 的 数组 
void setup () 


Serial .begin(9600); 
PinMode (DHT11, OUTPUT); 


} 
void loop () 
{ 


test (); 

Serial.print ("humility:"); 

Serial .print (message[0], DEC); // 显 示 湿 度 的 整数 位 
Serial .print('.'); 

Serial .print (message[1 J DEC // 显 示 湿 度 的 小 数位 


Serial.println('%'); 
Serial .print ("temperature:"); 


Serial .print (message [2], DEC); // 显 示 温 度 的 整数 位 
Serial .print('.'); 

Serial .print (message{[3], DEC); // 显 示 温 度 的 小 数位 
Serial .printlin('cC'); 

delay (500); 


} 
byte read message() 
{ 


byte data; 
for (int i = 0; i < 8; i++) 


if (digitalRead (DHT11) == LOW) 


while (digitalRead (DHT11) 一 LOW); // 等 待 30hs 


delayMicroseconds (30) ; // 判 断 高 电 平 的 持续 时 间 ， 以 判定 数据 是 0 还 是 1 
if (digitalRead (DHT11) == HIGH) data |= (1 << (7 - i)); 
// 高 位 在 前 ， 低 位 在 后 ; 
while (digitalRead(DHT11) == HIGH) ; // 数 据 1， 等 待 下 一 位 的 接收 
} 
} 
return data; 


} 
void test () 
{ 
digitalWrite (DHT11, LOW); // 拉 低 总 线 ， 发 开始 信号 
delay (30); // 延 时 要 大 于 18ms， 这 里 取 30ms， 以 便 DHT11 能 检测 到 开始 信号 
digitalWrite (DHT11, HIGH); 
delayMicroseconds (40); // 等 待 DHT11 响 应 
PinMode (DHT11, INPUT); // 改 为 输入 读 取 模 式 
while (digitalRead (DHT11) == HIGH); 
delayMicroseconds (80); /VDHT11 发 出 响应 ， 拉 低 总 线 80hs 
if (qigitalRead (DHT11) == LOW); 
delayMicroseconds (80) 7 //DHT11 拉 高 总 线 80hs 后 开始 发 送 数 据 
for (int i = 0; i < 4; i++) // 接 收 温 湿 度数 据 ， 校 验 位 不 考虑 
message[i] = read message () 7 
pinMode (DHT11, OUTPUT); // 改 为 输出 模式 


digitalWrite (DHT11, HIGH); 
// 发 送 完 一 次 数据 后 释放 总 线 ， 等 待 主机 的 下 一 次 开始 信号 


8.3 ”Processing 绘 制 温 湿度 显示 计 


绘制 温度 计 和 湿度 计 ，DHT11 的 温度 量程 是 0~ 50"C， 湿 度量 程 是 20%~909%6。 我 们 绘制 的 温度 计量 程 是 20~ 50"C， 湿 度 计量 程 是 30%~90%， 如 图 8-2 所 示 。 


SO 90% 


得 80% 
40 忆 70% 
3 60% 
30%G S50% 


人 40% 


20%C 30% 


图 8-2 ”温度 计 和 湿度 计 


1. 绘 制 温度 计 
int x=100, y=100; // 温 度 计 左上 角 基 准点 坐标 


size(600, 500); 

rectMode (CORNER) 

rect (x, Y-10, S50, 360; 10; 10; 10; 10): 

// 务 出 一 个 长 矩形 ， 宽 50， 高 360， 用 来 显示 温度 计 的 大 小 ， 国 角 半 径 为 10 


£ill (255, 0, 0); // 填 充 颜色 为 红色 
ellipse (x+25, y+350, 80, 80); // 画 出 底部 的 圆 
nostroke () 7 
rect (x+1, y+300, 49, 30); // 画 出 一 个 红色 抵 形 ， 并 覆盖 部 分 圆周 的 线 
stroke (0) 7 
£ill (255); // 填 充 颜 色 为 黑色 
for (int i=0; i<31; i++) { // 画 刻度 线 ， 每 一 刻度 代表 1C 
line (x-15，y+10*i，x-10，y+10*i); // 务 出 刻度 线 
if (i%5==0) { // 每 隔 5 个 单位 


line (x-20，Y+10x* 这 ，X-10，Y+HLOxi) ; // 务 出 一 个 长 一 点 的 刻度 线 
£111 (0); 


text (50-i, x-35, y+10*i); // 每 5 个 刻度 标注 温度 值 
£i11 (255); 
continue; 
} 
} 


2 绘制 湿度 计 


int x=300, y=100; / /湿度 计 左上 角 基 准点 坐标 
size(600, 500); 

rectMode (CORNER) ; 

rect (x, Y-10, 50, 360; 10; 10; 107 10) 7 

// 务 出 一 个 长 矩形 ， 宽 50， 高 360， 用 来 显示 湿度 计 的 大 小 ， 圆 角 半 径 为 10 


fill (50, 50, 255); // 填 充 颜色 为 蓝 色 
ellipse (x+25, y+350, 80, 80); // 画 出 底部 的 贺 
nostroke (); 
rect (x+1, y+300, 49, 30); // 务 出 一 个 蓝 色 矩形 ， 并 窗 盖 部 分 圆周 的 线 
stroke (0); 
£1i11 (255); // 填 充 颜色 为 黑色 
for (int i=0; i<61; i++) { // 务 刻度 线 ， 每 一 刻度 代表 1% 的 湿度 
line (x+60, y+5*i, x+65, y+5*i); // 画 出 刻度 线 
if (i%10==0) { // 每 隔 10 个 单位 
line (x+60，Y+5xi，Xx+70，yY+5xi) y // 画 出 一 个 长 一 点 的 刻度 线 
fil1(0) 7 
text (90-i, x+85, y+5*i); // 每 10 个 刻度 标注 湿度 值 
£1i11 (255); 


continue;/ 


} 
if (i%5==0) { // 每 5 个 刻度 


} 


line (x+60，y+5*i，x+68，y+5*); // 画 出 一 个 稍 长 一 点 的 刻度 线 


8.4 ， 温 温度 检测 显示 


绘制 了 温 湿 度 计 的 图 形 后 ，Arduino 从 DHT11 温 湿度 传感器 读 入 数据 ， 再 通过 串口 传 入 Processing 中 ， 就 全 


1.Processing 部 分 


首先 我 们 定义 两 个 类 ， 一 个 温度 计 的 类 ， 一 个 湿度 计 的 类 。 


8 得 到 动态 的 温 | 


度 计 和 湿 


度 计 显示 。 


class Temperature { // 定 义 温度 计 的 类 
private int x; // 显 示 温 度 计 左上 角 的 x 
private int y; // 显 示 温 度 计 左 上 角 的 y 委 
private int data; // 读 取 到 的 温度 的 值 

private float warnTem=50; // 温 度 阁 值 
Temperature (int x,，int y) { // 构 造 函数 ， 将 传 入 的 参数 赋值 给 x、y 

this .x=x; 
this.y=y; 
} 
void setWarnTem(float tem) { 
warnTem=tem; // 设 置 阁 值 
void display() { // 显 示 温度 计 函 数 
Shape (); // 温 度 计 的 外 形 


void warning() { 


// 务 出 一 个 国 ， 当 温度 没 超 过 温度 阅 值 时 显示 为 绿色 ,超过 温度 阅 值 时 显示 为 红色 


if (data>warnTem) 
fill (255, 0, 0); 
else 
£i1] (0, 255, 0); 
ellipse (x+100, y, 30, 30); 
} 
void Shape() { // 温 度 计 外 形 
rectMode (CORNER) ; 
rect (x, y-10, 50, 360, 10, 10, 10, 10); 
fil1(255，0，0)7 
ellipse (x+25, y+350, 80, 80); 
nostroke () 7 
rect (x+1, y+300, 49, 30); 
stroke (0) 7 
fl] {235)s 
for (int i=0; i<31; i++) { 
line(x~15, ytl0*i, x-10, Ytl0*i); 
if (i%5==0) { 
line (x-20, y+10*i, x-10, y+10*i); 


£i11 (0); 
text (50-i+"°C", x-45, y+10*i); 
fi1] (255)» 
continue; 
} 
} 
} 
void update (String data) { // 更 新 温度 计 的 函数 


noStroke (); 
£11] (255)» 
if (this.data>20) { // 如 果 温 度 大 于 20C 的 时 候 就 显示 出 来 
rect (x+1，y，49，300); // 先 清空 温度 计 的 显示 内 容 
和 11(255，0，0)7 // 填 充 颜色 为 红色 
rect (x+1, y+300-this.data*10+200, 49, this.data*10-200); 
// 显 示 温 度 计 的 值 
stroke (0, 255, 0); // 务 出 阅 值 刻度 线 
line(xt+1l, y+300-warnTem*10+200, x+49, y+300-warnTem*10+200); 
nostroke () 7 
warning () 7 // 画 出 表示 温度 状态 的 加 
} 
. } 
class Humidity { // 定 义 湿度 计 的 类 
private int x; // 显 示 湿度 计 左 上 角 的 x 坐标 
private int y; // 显 湿度 计 左 上 角 的 y 坐 标 
private int data; // 读 取 到 的 湿度 的 值 
private float warnHum=50; // 阅 值 
Humidity(int x, int y) { / /构造 函数 ， 将 传 入 的 参数 赋值 给 x、y 
this .x=x; 
this.y=y; 
} 
void setWarnHum(float hum) { // 设 置 阅 值 
warnHum=hum; 
} 
void warning() { // 画 出 一 个 圆 表示 湿度 状态 ， 正 常 时 显示 绿色 ， 警 告 时 显示 红色 
if (data>warnHum) 
fi1] (255, 0 0)s 
else 
£i1] (0,255,0); 
ellipse (x-50, y, 30, 30); 
} 
void display() { // 显 示 湿 度 计 函数 


this.data=Integer.parseInt (data); 
// 将 传 入 的 字符 串 类 型 数据 转换 成 整 型 数据 


Shape () 7 // 湿 度 计 的 外 形 


} 
void Shape() { // 湿 度 计 外 形 
rectMode (CORNER) ; 
rect (x, y-10, 50, 360, 10, 10, 10, 10); 
fil1(50，50，255)7 
ellipse (x+25, y+350, 80, 80); 
noStroke (); 
rect (x+1, y+300, 49, 30); 
stroke (0); 
fil11(255)7 
for (int i=0; i<61l; i++) { 
line (x+60, y+5*i, x+65, y+5*1); 
if (i%10==0) { 
line (x+60, y+5*i, x+70, y+5*1); 
£i11 (0); 
text (90-i, x+85, y+5*i); 
ti1] (255); 
continue; 


} 
if (i%5==0) { 
line (x+60, yt+5*i, x+68, yt5*i); 
i 
} 
} 
void update (String data) { // 更 新 湿度 计 的 函数 
this.data=Integer.parseInt (data); 
// 将 传 入 的 字符 串 类 型 数据 转换 成 整 型 数据 


noStroke () 7 

fi1].(255) 3 

if (this.data>30) { // 如 果 湿 度 大 于 30% 的 时 候 就 显示 出 来 
rect (x+1, y, 49, 300); // 先 清空 湿度 计 的 显示 内 容 
fi11(50; 50, 255); / /填充 颜色 为 红色 
rect (x+1, y+300-this.data*5+150, 49, this.data*5-150); 

// 显 示 湿 度 计 的 值 

stroke (0, 255, 0); // 画 出 阔 值 刻度 线 
line (x+1, y+300-warnHum*5+150, x+49, y+300-warnHum*5+150); 
nostroke (); 
warning (); // 画 出 表示 湿度 状态 的 贺 


定义 完 两 个 类 后 ， 就 能 在 主 程序 使 用 它们 了 。 


import processing.serial.*; 


Serial port; // 实 例 化 一 个 串口 Serial 对 象 
Temperature myTem=new Temperature (100，50); // 实 例 化 一 个 温度 计 并 初始 化 
Humidity myHum=new Humidity(400,50);  ”// 实 例 化 一 个 湿度 计 并 初始 化 
String data; // 字 符 囊 类 型 数据 

String [] str; // 字 符 囊 类 型 数组 

float resTem=50; // 温 度 阅 值 

float resHum=90; // 湿 度 阔 值 


void setup() { 
size(600, 500); 


smooth (); 
port = new Serial (this, "COM10", 9600); // 实 例 化 对 象 port 
port.bufferUntil ('\n'); // 从 事 口 缓冲 区 读 取 数据 直到 读 到 换行 符 
myTem.display (); // 显 示 温 度 计 的 外 形 
myHum.display (); // 显 示 湿 度 计 的 外 形 
} 
void draw() { 
myTem. setWarnTem (resTem); // 设 置 温度 闵 值 
myHum. setWarnHum (resHum); // 设 置 湿度 阅 值 
} 
void serialEvent (Serial p) { // 定 义 一 个 串口 通信 事件 
String inString = p.readString(); // 从 串口 读 取 字符 串 数据 
data=instring; 
str=data.split(","); // 将 字符 事 以 ", "分 隔 ， 并 存放 到 str 字 符 串 数组 中 
myTem.update (str[1]); // 更 新 温度 计 的 值 
myHum.update (str[0]); // 更 新 湿度 计 的 值 
println ("tem: "tstr[1]); 


| 台 输 出 温度 计 的 值 
Println ("hum:"+str[0]); // 在 控制 台 输 出 湿度 计 的 值 
} 
// 定 义 一 个 鼠标 单 击 事件 ， 当 鼠标 在 温度 计 或 湿度 计 范 围 内 单 击 ， 获 取 当 前 y 坐 标的 值 ， 并 映射 
// 到 当前 温度 或 湿度 的 值 
void mouseClicked() { 
if (mouseX>100&&mouseX<150) 
if (mouseY>50&&mouseY<350) { 
resTem=map (mouseY, 50, 350, 50, 20); 
stroke (0); 


} 
if (mouseX>400&&mouseX<450) 
if (mouseY>50&&mouseY<350) 
resHum=map (mouseY, 50, 350, 90, 30); 


2.Arduino 部 分 


int DHT11 = 7; // 数 字 第 7 引 脚 读 取 
byte message[5]; // 设 置 5 个 字 节 的 数组 
void setup () 
{ 
Serial .begin (9600); 
PinMode (DHT11, OUTPUT); 
} 
void loop () 
{ 
test (); 
Serial .print (da 
Serial.print (" 了 
Serial.print (dat[2]，DEC) ; // 显 示 温 度 的 整数 位 ， 并 发 送 到 Processing 中 
Serial .print (","); 
Serial .println(); 
Gelay (500); 


[0]，DEC) ; // 显 示 湿度 的 整数 位 ， 并 发 送 到 Processing 中 


} 
byte read message () 
{ 


byte data; 
for (int i = 0; i < 8; i++) 
if (digitalRead (DHT11) == LOW) 
{ 
while (digitalRead (DHT11) == LOW); 
delayMicroseconds (30); // 等 待 30hs; 
// 判 断 高 电 平 的 持续 时 间 ， 以 判定 数据 是 0 还 是 1 
if (digitalRead(DHT11) == HIGH) data |= (1 << (7 - i)); 
// 高 位 在 前 ， 低 位 在 后 
while (digitalRead (DHT11) == HIGH); 


// 数 据 1， 等 待 下 一 位 的 接收 
} 
return data; 
} 
void test () 
{ 
digitalWrite (DHT11, LOW); // 拉 低 总 线 ， 发 开始 信和 号 
delay (30); // 延 时 要 大 于 18ms， 此 处 取 30ms， 以 便 DHT311 能 检测 到 开始 信号 
digitalWrite (DHT11, HIGH); 


delayMicroseconds (40); // 等 待 DHT11 响 应 
pinMode (DHT11, INPUT); // 改 为 输入 读 取 模 式 


while (digitalRead (DHT11) == HIGH); 


delayMicroseconds (80); /VDHT11 发 出 响应 ， 拉 低 总 线 80hs 
if (digitalRead (DHT11) =— LOW); 

delayMicroseconds (80) ; ”//DHT11 拉 高 总 线 80us 后 开始 发 送 数 据 

for (int i = 0; i < 4; i++) // 接 收 温 湿 度数 据 ， 校 验 位 不 考虑 

message[i] = read message(); 

pinMode (DHT11, OUTPUT); // 改 为 输出 模式 

digitalWrite (DHT11，HIGH) ; // 发 送 完 一 次 数据 后 释放 总 线 ， 等 待 主机 的 下 一 次 开始 信和 号 


第 9 章 “” 液 位 检测 与 提示 


9.1 液 位 传感器 简介 


液 位 传感器 能 够 检测 液体 的 液 位 。 它 表面 有 多 条 裸露 的 平行 导线 ， 当 有 液体 接触 到 导线 时 ， 相 邻 的 导线 连通 ， 如 图 9-1 所 示 。 随 着 水 量 的 增加 ， 连 通 的 导线 也 会 增加 ， 传 感 器 表面 导电 的 面积 增 大 ， 输 出 
的 电压 也 随 着 上 升 。 这 款 液 位 传感器 能 检测 范围 为 4cm 以 内 的 液 位 变化 ， 同 时 也 能 检测 到 传感器 表面 水 滴 数 量 的 多 少 。 


图 9-1 液 位 传感器 


第 9 章 “ 液 位 检测 与 提示 


9.1” 液 位 传感器 简介 


液 位 传感器 能 够 检测 液体 的 液 位 。 它 表面 有 多 条 裸露 的 平行 导线 ， 当 有 液体 接触 到 导线 时 ， 相 邻 的 导线 连通 ， 如 图 9-1 所 示 。 随 着 水 量 的 增加 ， 连 通 的 导线 也 会 增加 ， 传 感 器 表面 导电 的 面积 增 大 ， 输 出 
的 电压 也 随 着 上 升 。 这 款 液 位 传感器 能 检测 范围 为 4cm 以 内 的 液 位 变化 ， 同 时 也 能 检测 到 传感器 表面 水 滴 数 量 的 多 少 。 


图 9-1 液 位 传感器 


时 ， 将 S 端 连接 在 Arduino 板 的 模拟 0 端口 ， 接 线 情况 如 表 9-1 所 示 。 通 过 读 取 模拟 的 电压 值 ， 可 以 获得 液 位 的 高 度数 据 。 


表 9-1 Arduino 与 液 位 传感器 接线 表 


SV 
2 GND 
AU 


具体 程序 代码 如 下 。 
int sen=A0; // 将 液 位 传感器 的 S 端 口 连接 到 Arduino 的 A0 引 脚 
int value; // 液 位 变量 
void setup() { 
PinMode (sen, INPUT); // 将 A0 引 脚 定义 为 输入 模式 


Serial .begin(9600); 

} 

void loop() { 由 
value=analogRead (sen); // 读 取 液 位 数据 
Serial .print (value, DEC); // 以 十 进 制 形式 输出 数据 


在 Processing 中 绘制 一 个 和 矩形， 刻度 尺 表示 当前 液 位 的 高 度 ， 效 果 如 图 9-2 所 示 。 


图 9-2 ” 液 位 高 度 


float level=100; 

size(400, 400); 

£ill(0, 0, 255); 

rect (50, 300-level, 300, level); 
noFil]l (); 

rect (50, 100, 300, 200); 
fi1l(200; 200; 0)s 

rect (300, 50, 20, 250); 
ti]1(255; 0; 0)7 

rect (300, 130, 20, 5); 


// 当 前 液 位 高 度 


// 绘 制 一 个 矩形 表示 液 位 高 度 
// 不 填充 

// 绘 制 一 个 容器 的 边框 

// 填 充 为 蓝 色 

// 绘 制 刻度 尺 


// 绘 制 刻度 尺 上 的 阁 值 线 


9.4” 液 位 检测 与 液 位 阅 值 提示 


Arduino 读 取 当 前 的 液 位 数据 ， 并 通过 串 


1.Processing 代 码 


发 送 到 Processing 中 。Processing 绘 制 一 个 容器 ， 里 面 的 液 位 高 度 代表 实际 液 位 高 度 ， 并 | 


目 当 液 位 超过 阔 值 时 做 出 提示 。 


import processing.serial.*; 


Serial port=new Serial (this, “COM7", 9600); 


public static final char HEADER = 'h'; 
int water; 
int state=0; 
float level; 
void setup() { 
size(400, 400); 
port.bufferUntil ('\n'); 
} 
void draw() { 
rectMode (CORNER); 
background (204); 
fil](0; 0, 255)» 
rect (50, 300-level, 300, level); 
noFill (); 
rect (50, 100, 300, 200); 
£i]1(200; 200; 0)3» 
rect (300, 50, 20, 250); 
下 (255, Ds OY 
rect (300, 130, 20, 5); 


//state 表 示 当 前 液 位 是 否 超 过 阅 值 
// 液 位 高 度 


// 绘 制 一 个 答 形 表示 液 位 的 高 度 
// 不 填充 

// 绘 制 一 个 容器 的 边框 

// 填 充 为 蓝 色 

// 绘 制 刻度 


// 绘 制 刻度 尺 上 的 阔 值 


if (state==1) // 当 state 为 1 时 ， 圆 的 填充 颜色 为 红色 ， 代 表 阔 值 状态 


Ell] (ZS Or 全 
else 


fil1(0，255，0) ;// 当 state 为 0 时 ， 圆 的 填充 颜色 为 绿色 ， 代 表 正 常 状态 
ellipse (50, 50, 50, 50); // 画 贺 
void serialEvent (Serial port) { // 定 义 一 个 串口 读 取 事件 
String message = port.readstringUntil (LF); 
// 返 回 一 个 字符 事 缓 冲 区 ， 并 包括 一 个 特殊 字符 
if (message != null) { 
String []data = message.split(","); 
if (data[0] .charAt (0) == HEADER) 
{ 
if (data.length > 1) 
{ 
water = Integer.parseInt (data[1]); 


if (water<100) // 当 液 位 数据 低 于 100 时 ， 液 位 数据 设 为 100 
water=100; 
if (water>700) // 当 液 位 数据 大 于 700 时 ， 液 位 数据 设 为 700 


water=700; 

level=map (water, 100, 700, 0, 200); 

// 将 从 Arduino 上 面 读 取 到 的 液 位 数据 映射 到 0~200 

if (level>=170) 

// 当 液 位 大 于 等 于 170 时 ，state 赋 值 为 1， 代 表 阔 值 状态 
state=1; 

if (level<170) 

// 当 液 位 小 于 170 时 ，state 赋 值 为 0， 代 表 安 全 状态 
state=0; 


2.Arduino 代 码 


int sen=A0; 
int value; 
void setup() { 
PinMode (sen, INPUT); 
Serial .begin (9600); 
} 
void loop() { 
value=analogRead (sen); // 读 取 原 始 数 据 
Serial .print (™ 过 
Serial .print (","); 
Serial .print (value, DEC); // 发 送 数据 
Serial .print (","); 
Serial .println(); 


第 10 章 “ 摇 杆 控制 坦克 


10.1 PS2 摇 杆 简 介 


PS2 摇 杆 是 操纵 杆 的 一 种 ， 在 游戏 机 手柄 中 很 常见 。 如 


器 ， 实 现 各 种 互动 编程 。 


10-1 所 示 是 一 个 PS2 摇 杆 模块 ， 该 模块 具有 2 轴 模 拟 输出 (X 轴 和 Y 轴 ) 和 1 路 按钮 数字 输出 。 该 摇 杆 连接 在 Arduino 上 可 以 作为 控制 方向 的 遥控 


图 10-1 PS2 摇 杆 模块 


PSs2 摇 杆 可 以 被 视 为 一 个 按钮 和 两 个 电位 器 (可 调 电阻 ) 的 组 合 。VRX 和 VRY 分 别 为 X 轴 和 Y 轴 的 模拟 输出 信号 ， 而 按钮 SW 是 数字 输出 信号 。 将 VRX 和 VRY 端 口 连接 到 Arduino 的 模拟 引 脚 ，SW 按 钮 则 
连接 在 Arduino 的 任 一 数字 引 脚 上 。 模 块 的 功能 引 脚 如 表 10-1 所 示 。 


表 10-1 PS2 摇 杆 引 脚 说明 


序 号 模块 功能 引 脚 说 明 
DT 
3 +5V 接 电 源 


连接 X 轴 的 电位 器 ， 输 出 电压 0 ~ 5V 


4 连接 立轴 的 电位 器 ， 输 出 电压 0 ~ 5V 


按 下 按钮 输出 0V， 不 按时 输出 2.5V 左右 电压 


un wy 
a 二 
所 


PS2 摇 杆 是 操纵 杆 的 一 种 ， 在 游戏 机 手柄 中 很 常见 。 如 图 10-1 所 示 是 一 个 PS2 摇 杆 模块 ， 该 模块 具有 2 轴 模 拟 输出 〈X 轴 和 Y 轴 ) 和 1 路 按钮 数字 输出 。 该 摇 杆 连接 在 Arduino 上 可 以 作为 控制 方向 的 遥控 
器 ， 实 现 各 种 互动 编程 。 


图 10-1 PS2 播 杆 模 块 


PSs2 摇 杆 可 以 被 视 为 一 个 按钮 和 两 个 电位 器 (可 调 电阻 ) 的 组 合 。VRX 和 VRY 分 别 为 X 轴 和 Y 轴 的 模拟 输出 信号 ， 而 按钮 SW 是 数字 输出 信号 。 将 VRX 和 VRY 端 口 连接 到 Arduino 的 模拟 引 脚 ，SW 按 钮 则 
连接 在 Arduino 的 任 一 数字 引 脚 上 。 模 块 的 功能 引 脚 如 表 10-1 所 示 。 


表 10-1 PS2 摇 杆 引 脚 说明 


序 ”号 | ”模块 功能 引 脚 说 有 
mi 
2 VS 接 电源 
3 连接 轴 的 电位 器 ， 输 出 电压 0 ~ 5V 
4 连接 Y 轴 的 电位 器 ， 输 出 电压 0 ~ 5V 
5 按 下 按钮 输 出 0V， 不 按时 输出 2.5V 左右 电 太 


上 下 左右 拨 动 P52 摇 杆 时 ， 会 改变 电位 器 的 阻 值 ， 从 而 改变 输出 电压 。 输 出 电压 值 是 模拟 量 ， 按 钮 SW 端 按 下 时 是 OV， 不 按时 的 输出 电压 值 可 能 会 低 于 2.5V， 不 能 被 Arduino 的 数字 口 读 取 为 数字 1， 从 
而 无 法 识别 。 因 此 ， 在 本 书 程序 中 暂 用 Arduino 的 模拟 口 来 读 取 ， 接 线 情 况 如 表 10-2 所 示 。 


表 10-2 Arduino 与 PS2 摇 杆 接线 表 


ES 7 


2 A2 
3 

详细 代码 如 下 。 

int Xaxis=A0; // 定 义 X 轴 由 模拟 0 端口 读 取 

int Yaxis=Al; // 定 义 Y 轴 由 模拟 1 端口 读 取 

int SW=A2; // 定 义 SW 按钮 由 模拟 2 端口 读 取 (因为 开关 最 大 值 低 于 2.5V) 

int value = 0; // 该 变量 读 取 模拟 口 的 值 


void setup () 
{ 
Serial .begin (9600); 


} 

void loop () 

value = analogRead (Xaxis); // 读 取 X 轴 模拟 端口 0 
Serial .print ("Xx:"); 
Serial .print (value, DEC); 
value = analogRead (Yaxis); // 读 取 Y 轴 模拟 端口 1 
Serial.print(" | Y:"); 
Serial .print (value, DEC); 
value = analogRead (SW); // 读 取 SW 按钮 模拟 端口 2 
Serial.print(" | SW: "); 
Serial .println(value, DEC); 
delay (40); // 该 值 设置 需 大 小 适中 ， 太 大 了 延 时 较 长 


10.3 ”Processing 绘 制 坦克 和 键盘 控制 移动 


设计 该 程序 首先 应 设计 一 个 坦克 类 ， 包 含 了 坦克 的 绘制 、 坦 克 行 走 的 边界 限定 。 其 次 获取 键盘 的 上 、 下 、 左 、 右 4 个 方向 键 值 来 控制 坦克 的 移动 。 以 下 代码 用 矩形 和 李 圆 简单 地 构建 了 一 辆 坦克 ， 坦 克 在 
屏幕 中 的 上 下 左右 移动 不 能 直接 移动 ， 必 须 进行 坐标 变换 ， 如 图 10-2~ 图 10-5 所 示 。 读 者 也 可 以 通过 读 取 图 片 的 方式 实现 。 


图 10-2 ”坦克 左 行 


图 10-3 ”坦克 前 行 


图 10-4 ”坦克 后 退 


int x=300, y=200; // 坦 克 的 起 始 坐标 
int speed=3; // 坦 克 的 移动 速度 


Class Tank 


Tank () 
{ 
k 
void DisplayTank (int px, int py, char direction) 
{ 
background (204) 7 
Switch (direction) // 判 断 坦 克 的 方向 
{ 
Case 'F': // 前 行 
fi1l (255, 2557 0 
rect (px-10, py, 20, 40); 
rect (px+30, py, 20, 40); 
ellipse (px+20, py+20, 20, 25); 
rect (px+17, py-10, 6, 19); 
break; 
case 'B': // 后 退 
fil1l(255, 255 0)» 
rect (px-10, py, 20, 40); 
rect (px+30, py, 20, 40); 
ellipse (px+20, py+20, 20, 25); 
rect (pxtl7; pyt+30; 6 19)7 
break; 
Case 'L'; // 左 行 
fill (255, 255 0 
rect (px, py-10, 40, 20); 
rect (px, py+30, 40, 20); 
ellipse (px+20, py+20, 25, 20); 
rect (px-10, py+17, 19, 6); 
break; 
case 'R': // 右 行 


// 显 示 坦 克 函 者 


图 10-5 


坦克 右 行 


} 


} 
void boundary (int px, int py) 


{ 


fi {255 2557 0)7 

rect (px, py-10, 40, 20); 

rect (px, py+30, 40, 20); 
ellipse (px+20, py+20, 25, 20); 
rect (px+30, py+17, 19, 6); 
break; 

default: 

break; 


if (px<10) x=10; 

if (py<10) y=10; 

if (px> (width-50) ) x=width-50; 
if (py> (height-50)) y=height-50; 


} 


} 
Tank tank; 


void setup () 


{ 


} 


void draw() 


{ 
} 


size(640, 480); 
tank=new Tank(); 


tank.DisplayTank (x, y, 'F'); 


void keyPressed () 


{ 


// 坦 克 走 出 边界 判断 


// 坦 克 在 初始 位 置 出 现 


if (key 一 CODED) // 特 殊 键 的 key 值 为 CODED, 此 时 需要 keyCode 再 次 判断 
{ 


{ 


switch (keyCode) 


Case UP: 


y=y-speed; 

tank.boundary (x, y); 
tank.DisplayTank (x, y, 'F'); 
break; 


Case DOWN: 


y=y+speed; 

tank.boundary (x, y); 
tank.DisplayTank (x, y, 'B'); 
break; 


Case LEFT: 


x=x-speed; 

tank.boundary (x, y); 
tank.DisplayTank (x, y, 'L'); 
break; 


Case RIGHT: 


x=x+speed; 

tank.boundary (x, y); 
tank.DisplayTank (x, y, 'R'); 
break; 


default: 


} 


break; 


// 按 下 "上 " 刍 


// 按 下 "下 " 刍 


// 按 下 " 左 " 键 


// 按 下 " 右 " 键 


10.4 ” 摇 杆 控制 坦克 移动 


Arduino 从 摇 杆 获取 模拟 电压 值 ， 将 该 值 转换 为 整数 。 由 于 有 X 轴 和 Y 轴 两 个 数值 ， 不 能 和 前 


开头 ， 定 义 换行 符 为 数据 帧 的 结尾 ， 用 逗号 隔 开 X 轴 和 Y 轴 的 数据 ， 按 照 顺序 读 取 赋 值 给 坦克 即 可 实现 控制 。 读 者 可 以 自行 扩展 更 复杂 的 协议 ， 实 现 更 多 的 控制 功能 。 


1.Processing 代 码 


H 


的 代码 一 样 ， 只 发 送 一 个 数值 。 为 了 区 分 两 个 数值 ， 本 示例 用 了 简单 的 通信 协议 。 定 义 字母 M 为 数据 帧 的 


import 
Serial 
public 
public 
public 
public 


processing.serial.*; 

myPort; 

static final char HEADER = 'M'; 
static final short LF = 10; 
static final Short PortIndex = 2; 
static final short centerX=515; 


// 摇 杆 静止 时 X 轴 的 中 点 值 ( 由 于 不 同 摇 杆 的 中 点 值 不 同 ， 建 议 读者 自行 测试 出 静止 的 中 点 值 ， 并 修改 ) 


public static final short centerY=517; 
int x=300, y=200; 


int speed=3; 
char Direction; 
class Tank 


{ 


Tank () 
{ 


// 方向 判断 


// 数 据 帧 头 (起 始 位 ) 
// 数 据 帧 尾 (结束 位 ) 


// 扬 杆 静 止 时 Y 轴 的 中 点 值 
// 坦 克 起 始 位 置 


// 坦克 移动 的 速度 ， 读 者 可 自行 修改 


void DisplayTank (int px, int py, char direction) 
{ 


background (204); 
switch (direction) 


{ 


Case 'F': 


// 前 行 

i111(255; 255, 0)> 

rect (px-10, py, 20, 40); 

rect (px+30, py, 20, 40); 
ellipse (px+20, py+20, 20, 25); 
rect (px+17, py-10, 6, 19); 
break; 


case 'B': // 后 退 


Case 'L': 


Case 'R': 


£111 (255, 255, 0) 

rect (px-10, py, 20, 40); 

rect (px+30, py, 20, 40); 
ellipse (px+20, py+20, 20, 25); 
rect (px+17, pyt30; 6 19)7 
break; 

// 往 左 行驶 
£111(255, 255, 0)y 

rect (px, py-10, 40, 20); 

rect (px, py+30, 40, 20); 
ellipse (px+20, py+20, 25, 20); 
rect (px-10, py+17, 19, 6); 


break; 

// 往 右 行驶 
£i11(255; 255, 0)» 
rect (px, py-10, 40, 20); 
rect (px, py+30, 40, 20); 
ellipse (px+20, py+20, 25, 20); 
rect (px+30, py+17, 19, 6); 
break; 


default: 


break; 


} 
void boundary (int px, int py) 


{ 


if (px<10) x=10; 

if (py<10) y=10; 

if (px> (width-50) ) x=width-50; 
if (py> (height-50)) y=height-50; 


char tankDirection (int px, int py) 


{ 


和 
i 


if 


px< (centerX-30)) && (abs (px-centerX) >abs (py-centerY, 


py< (centerY-30) 


) 
& (abs (px-centerX) >abs (Py-centerY 
) 


} 


长 
( 
i 
( 


return Direction; 


} 


Tank tank; 
void setup () 


{ 


} 


size(640, 480); 
tank=new Tank(); 
tank.DisplayTank (x, y, 


( ( 
(px> (centerX+30) 
( ( 

( 


(py> (centerY+30) 
if( (px>= (centerX-30) 


& (abs (px-centerX) <abs (py-centerY, 


) 
) 
& (abs (px-centerX) <abs (py-centerY) 
) 
& (px<= (centerX+30) ) && (py>= (center. 


)) 
)) 
| 
yd 
Yy— 


myPort = new Serial (this, "COM13", 9600); 


myPort .clear (); 


void draw() 


{ 
} 


void serialEvent (Serial myPort) 


{ 


String message = myPort.readSstringUntil (LF); 


// 返 回 一 个 字符 囊 缓 冲 区 ， 并 包括 一 个 特殊 字符 


char direction; 
if (message != null) { 
Print (message); 


String []data = message.split (","); 


println (data[1]); 
println (data[2]); 


if (data[0] .charAt (0) 
{ 


if (data.length > 2) 


{ 


// 判 断 坦克 移动 的 方向 


Direction="'L'; // 往 左 移动 
Direction='R'; // 往 右 移动 
Direction="'F'; // 往 前 移动 
Direction='B'7 // 往 后 移动 
30) ) && (py<= (centerY+30) ) ) Direction='S'; 


// 返 回 带 有 特殊 字符 的 字符 串 


// 读 取 到 帧 头 


int tempX = Integer.parseInt (data[1]); 
// 把 整 型 对 象 转换 成 基本 数据 类 型 int 
int tempY = Integer.parseInt (data[2]); 
print(" x= "+ tempx ); 
print(", y= "+ tempY ); 
direction=tank.tankDirection (tempX, tempY); 
switch (direction) 

{ 
Case "FS 
y=y-speed; 
tank.boundary (x, y); 
tank.DisplayTank (x, y, ' 
break; 

B's 
y=y+speed; 
tank.boundary (x, y); 
tank.DisplayTank (x, y, 
break; 

‘Es 
x=x-speed; 
tank.boundary (x, y); 
tank.DisplayTank (x, y, 
break; 

rs 
x=x+speed; 
tank.boundary (x, y); 
tank.DisplayTank (x, y, 
break; 

1g1: 
break; 
default: 

break; 


case 


Case 


Case 


case 


} 


// 停 止 


2.Arduino 代 码 


#define PotXPin AO 
#define potYPin Al 


Char HEADER = 
void setup(){ 


IM'; 


Serial .begin (9600); 


} 

void loop( 

{ 
int x 
int y 
Serial 


Serial. 
Serial. 


Serial 


Serial. 
Serial. 


Serial 
delay( 


) 


analogRead (potXPin); 
analogRead (potYPin); 
.Print (HEADER); 

print (","); 
print (x, DEC); 
-Print (i 
print (y, DEC); 
print (","); 
.Println(); 
40); 


// 读 取 摇 杆 X 轴 数据 

// 读 取 摇 杆 Y 轴 数据 
// 输 出 数据 帧 头 

// 束 号 分 隔 符 

//X 轴 数据 

// 束 号 分 隔 符 

//Y 轴 数据 

// 束 号 分 隔 符 

// 输 出 换行 符 作为 帧 尾 
// 延 时 40ms 
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下 1 


MPU6050 传 感 器 简介 


检测 物体 的 运动 时 ， 通 常 要 获得 该 物体 的 加 速度 和 角速度 值 。 加 速度 传感器 是 一 种 能 检测 物体 在 三 维 坐标 轴 下 的 加 速度 变化 (以 各 


动 时 的 角速度 。 


晶 力 加 速度 g 表 示 ) 的 设备 。 陀 螺 仪 又 称 角 速度 传感器 ， 它 能 测量 物体 转 


加 速度 传感器 和 陀螺 仪 的 结合 可 以 为 手机 控制 、 汽 车 导航 、 础 撞 检 测 等 提供 更 加 精确 的 数据 。 加 速度 传感器 能 计算 出 物体 的 轴 向 位 移 ， 陀 螺 仪 能 计算 出 物体 旋转 的 角度 ， 将 两 者 结合 ， 并 融合 卡尔 曼 滤 


波 算法 ， 就 能 测量 


本 书 采 


MPU6050 模 块 ， 如 


构 出 物体 完整 的 三 维 动作 。 


图 11-1 所 示 。 这 是 一 款 整 合 了 三 轴 加 速度 传感器 和 三 轴 陀 螺 仪 的 六 轴 运 动 处 理 组 件 ， 采 用 12C 协 议 与 Arduino 等 单片机 进行 通信 。 它 


具有 体积 小 巧 、 安 装 方便 简易 等 特点 。 


图 11-1 MPU6050 传 感 器 模块 
该 传感器 的 主要 技术 特性 如 下 : 
. 输出 六 轴 或 九 轴 的 旋转 短 阵 、 四 元 数 、 欧 拉 角 格式 等 的 数据 。 
. 内 置 加 速度 传感器 ， 可 设置 加 速度 量程 ， 量 程 为 十 2g、 士 4g、 士 8g 和 士 16g (g 表 示 重 力 加 速度 ) 。 


' 内 置 陀螺 仪 ， 可 设置 角 加 速度 量程 ， 量 程 为 土 250”/s、 土 500”/s、 士 1000”/s 和 士 2000”/s。 


“ IC 通信 模式 高 达 400kHz; SPI 串 行 主 机 接口 模式 为 200MHz。 


“ 内 置 DMP 数 字 运 动 处 理 引 掌 ， 可 减少 数据 演算 步骤 。 


' 运动 处 理 数 据 库 支持 Linux、Windows 和 Android 等 操作 系统 。 


“内置 数字 输出 的 温度 传感器 。 


不 具备 焊接 条 件 的 读者 可 直接 选用 图 11-1 所 示 的 MPU6050 传 感 器 模块 ， 与 Arduino 连 接 上 即 可 工作 。 模 块 的 功能 引 脚 定义 如 表 11-1 所 示 。 


表 11-1 MPU6050 传 感 器 功能 引 脚 说 明 


序 号 |MPU6050 传感器 模块 功能 引 肢 说 有明 
2 GND 接地 
3 SC EC 时 序 接口 


SDA ITC 双向 数据 接口 
XDA 作为 主 设备 读 取 其 他 EC 设备 的 数据 接口 
6 XL 作为 主 设备 读 取 其 他 IC 设备 的 时 序 接口 
接 4.7K 的 电阻 ， 若 接地 ， 则 MPU6050 的 TC 地 址 为 0x68 ; 
若 悬 空 不 接 ， 则 地 址 为 0x69 
INT 中 断 输 出 接口 


| 


了 ADo 


Oo 


第 11 章 平衡 球 


11.1 _ MPU6050 传 感 器 简介 


检测 物体 的 运动 时 ， 通 常 要 获得 该 物体 的 加 速度 和 角速度 值 。 加 速度 传感器 是 一 种 能 检测 物体 在 三 维 坐标 轴 下 的 加 速度 变化 〈 以 重力 加 速度 9 表示 ) 的 设备 。 陀 螺 仪 又 称 角速度 传感器 ， 它 能 测量 物体 转 
动 时 的 角速度 。 


加 速度 传感器 和 陀螺 仪 的 结合 可 以 为 手机 控制 、 汽 车 导航 、 础 撞 检 测 等 提供 更 加 精确 的 数据 。 加 速度 传感器 能 计算 出 物体 的 轴 向 位 移 ， 陀 螺 仪 能 计算 出 物体 旋转 的 角度 ， 将 两 者 结合 ， 并 融合 卡尔 曼 滤 
波 算法 ， 就 能 测量 重 构 出 物体 完整 的 三 维 动作 。 


本 书 采用 MPU6050 模 块 ， 如 图 11-1 所 示 。 这 是 一 款 整合 了 三 轴 加 速度 传感器 和 三 轴 陀 螺 仪 的 六 轴 运 动 处 理 组 件 ， 采 用 12C 协 议 与 Arduino 等 单片机 进行 通信 。 它 具有 体积 小 巧 、 安 装 方便 简易 等 特点 。 


图 11-1 MPU6050 传 感 器 模块 
该 传感器 的 主要 技术 特性 如 下 : 
. 输出 六 轴 或 九 轴 的 旋转 短 阵 、 四 元 数 、 欧 拉 角 格式 等 的 数据 。 
. 内 置 加 速度 传感器 ， 可 设置 加 速度 量程 ， 量 程 为 十 2g、 士 4g、 士 8g 和 士 16g (g 表 示 重 力 加 速度 ) 。 


' 内 置 陀螺 仪 ， 可 设置 角 加 速度 量程 ， 量 程 为 土 250”/s、 土 500”/s、 士 1000”/s 和 士 2000”/s。 


“ IC 通信 模式 高 达 400kHz; SPI 串 行 主 机 接口 模式 为 200MHz。 


“ 内 置 DMP 数 字 运 动 处 理 引 掌 ， 可 减少 数据 演算 步骤 。 


' 运动 处 理 数 据 库 支持 Linux、Windows 和 Android 等 操作 系统 。 


“内置 数字 输出 的 温度 传感器 。 


11-1 所 示 的 MPU6050 传 感 器 模块 ， 与 Arduino 连 接 上 即 可 工作 。 模 块 的 功能 引 脚 定义 如 表 11-1 所 示 。 


网 


不 具备 焊接 条 件 的 读者 可 直接 选 


表 11-1 MPU6050 传 感 器 功能 引 脚 说 明 


序 号 |MPU6050 传感器 模块 功能 引 脚 说 明 


ET 

3 Se PC 时序 接 口 

5 作为 主 设备 读 取 其 他 PC 设备 的 数据 接口 

6 XL 作为 主 设备 读 取 其 他 ITC 设备 的 时 序 接口 

ss 接 4.7K 的 电阻 ， 若 接地 ， 则 MPU6050 的 TC 地 址 为 0x68 ; 
若 悬 空 不 接 ， 则 地 址 为 0x69 

8 中 断 输出 接口 


11.2 Arduino 读 取 MPU6050 传 感 器 


使 用 MPU6050 与 Arduino 连 接 只 需要 接 I2C 接 口 (MPU6000 可 支持 SP| 总 线 ) ， 它 与 Arduino UNO 开 发 板 的 接线 情况 如 表 11-2 所 示 。 将 MPU6050 上 的 SCL、SDA 引 脚 分 别 接 到 Arduino 上 A5、A4 模 拟 
信号 引 脚 。Arduino 读 取 MPU6050 数 据 时 还 需要 3 个 类 库 ， 它 们 是 Wire、12Cdev 和 MPU6050。 其 中 Wire 类 库 Arduino 自 带 ， 另 两 个 需要 读者 自行 下 载 。 


表 11-2 Arduino 与 MPU6050 传 感 器 接线 表 


序 号 | MPU6050 传感器 模块 引 脚 | Arduino 引 脚 


1- 


Uy 
| G1 | ed 
| 
bE™ | | 
三 
LAn 


~ 
cm 
已 
三 
三 
上 ~ 


详细 代码 如 下 。 


#include "Wire.h" // 调 用 Wire、I2C 和 MPU605 库 
#include "I2Cdev.h" 

#include "MPU6050.h" 

MPU6050 mpu; // 实 例 化 一 个 MPU6050 对 象 
int16 t ax, ay, az; 

intl6 t gx, yy Wzr 

void setup () 


Wire.begin(); // 加 入 I2C 总 线 
Serial .begin (9600); // 初 始 化 串口 比特 率 
mpu.initialize(); // 初 始 化 设备 

} 

void loop() 


{ 
mpu.getMotion6 (&ax, &ay, &az, &gx, &gy, &92); 
// 从 设备 读 取 加 速度 /陀螺 仪 的 原始 数据 
// 显 示 加 速度 /角速度 x、y、z 三 轴 的 值 
Serial .print ("ax:"); 
Serial .print (ax); 
Serial .print ("ay:" 
Serial .print (ay); 
Serial .print ("az:"); 
Serial .print 


Serial .print (gx); 
Serial .print ("gy:"); 
Serial .print (gy); 
Serial .print ("gz:"); 
Serial .println (gz); 


( 
( 
( 
( 
Serial .print ("gx:"); 
( 
( 
( 


通过 上 面 的 代码 可 以 获取 未 经 任何 处 理 的 加 速度 和 角速度 的 原始 数据 。 要 想 获 得 准确 的 加 速度 和 角速度 ， 需 结合 表 11-3 和 表 11-4 查 询 传感器 灵敏 度 ， 再 将 加 速度 和 角速度 原始 值 除 以 灵敏 度 。 


表 11-3 MPU6050 加 速度 量程 灵敏 度 对 照 表 


AFS_SEL 最 低 有 效 位 (LSB) 灵敏 度 | AFS_SEL | 满 量程 范围 | 最 低 有 效 位 (LSB) 灵敏 度 
1 2048LSB/meg 


以 加 速度 量程 为 +2g 为 例 ， 将 加 速度 原始 值 除 以 16384; 默认 的 角速度 量程 为 250"/s， 将 角速度 原始 值 除 以 131;， 即 可 得 到 相应 的 加 速度 和 角速度 值 。 若 读者 需要 测 不 同 量程 的 数据 ， 可 以 参照 数据 手册 
改变 寄存 器 中 AFS_SEL 和 FS_SEL 的 值 。 


表 11-4 MPU6050 角 速度 量程 灵敏 度 对 照 表 


250 (°/s) 131LSB (°/s) 1000 (°/s) 32.8LSB (°/s) 
500 (°/s) 65.5LSB (°/s) 2000 (°/s) 16.4LSB (°/s) 


详细 代码 如 下 所 示 。 


#include "Wire.hn // 调 用 Wire、I2C 和 MPU605 库 
#include "I2Cdev.h" 

#include "MPU6050.h" 

MPU6050 mpu; // 实 例 化 一 个 MPU6050 对 象 
int16 七 ax, ay az; 

int16 t gx, gy, gz; 

void setup () 


Wire.begin () 7 // 加 入 I2C 总 线 
Serial .begin (9600); // 初 始 化 串口 比特 率 
mpu.initialize(); // 初 始 化 设备 

} 

void loop () 


{ 
mpu.getMotion6 (&ax, &ay, t&az, &gx, &gy, &92); 
// 从 设备 读 取 加 速度 /陀螺 仪 的 原始 数据 
// 显 示 加 速度 /角速度 x、y、z 三 轴 的 值 
Serial .print ("ax:"); 
Serial .print (ax/16384); 
Serial.print( ; 
Serial .print (ay/16384); 
Serial .print ("az:"); 
Serial .print (az/16384); 
( 
( 
( 
( 


ay:"); 
z 


Serial .print ("gx:"); 
Serial .print (gx/131); 
Serial .print ("gy:"); 
Serial .print (gy/131); 
Serial .print ("gz:"); 
Serial .println (gz/131); 


11.3 ”Processing 绘 制 平衡 球 和 边界 


将 MPU6050 连 接 与 Arduino 和 Processing 结 合 起 来 ， 我 们 就 能 做 出 各 种 互动 应 用 。 下 面 的 例子 展示 了 利用 MPU6050 的 倾角 输出 功能 ,结合 Processing 强 大 的 动画 功能 ， 做 出 一 个 简单 的 平衡 球 小 游 
戏 ， 通 过 转动 MPU6050 来 控制 平衡 球 的 移动 。 


图 11-2 平衡 球 边界 


利用 Processing 来 绘制 平衡 球 和 边界 我 们 需要 建 两 个 类 ， 一 个 是 平衡 球 的 类 ， 一 个 是 画面 边界 的 类 。 如 图 11-2 所 示 ， 图 中 深 色 (实际 为 蓝 色 ) 部 分 是 平衡 球 不 能 到 达 的 地 方 。 


class Mission { // 创 建 类 
int beginX=5207 // 平 衡 球 开始 时 坐标 x 的 值 
int beginY=507 // 平 衡 球 开始 时 坐标 y 的 值 
color borderColor=color (0, 0, 255); // 设 置 边界 填充 颜色 ， 为 蓝 色 
int getBeginX () { 
return beginx; // 返 回 平衡 球 开始 时 坐标 Xx 的 值 
} 
int getBeginY() { 
return beginY; // 返 回 平 衡 球 开 始 时 坐标 y 的 值 
} 
Color getColor() { 
return borderColor; // 返回 边界 颜色 
} 
void display() { 
rectMode (CORNER) ; // 设 置 制 和 矩形 模式 
fill (borderColor); // 填 充 颜色 为 蓝 色 
nostroke () // 不 描 边 
rect (70, 70, 50, 430); // 绘 制 4 根 蓝 色 粗 条 


rect (190, 0, 50, 430); 

rect (310, 70, 50, 430); 

rect (430, 0, 50, 430); 

rect (0, 0, 550, 5); // 绘 制 画面 边框 
rect (0, 495, 550, 5); 

rect (0, 0, 5, 500); 

rect (545, 0, 5, 550); 

£1i1] (255)»} 

stroke (0); 


11.4 “控制 平衡 球 


首先 定义 一 个 平衡 球 的 类 ， 它 包含 几 个 成 员 : 一 个 显示 它 的 函数 ， 一 个 让 它 移动 的 函数 ， 一 个 更 新 其 位 置 坐标 的 函数 和 一 个 检测 遇 到 边缘 的 函数 。 


class Ball { // 定 义 一 个 平衡 球 类 
private int posx, posy; //posx、posy 分 别 代表 球 的 x、y 坐 标 


private float radius; // 球 的 半径 


private float dx; // 球 移动 时 候 x 方 向 的 增 量 

private float dy; // 球 移动 时 候 y 方 向 的 增 量 

private boolean border; // 布 尔 类 型 数据 代表 是 否 检测 到 边界 
private color d; // 颜 色 变量 

Ball(int posx, int posy, int radius, color e ){ // 球 的 构造 函数 


this .posx=posx; 
this.posy=posy; 
this.radius=radius; 


this.d=e; 

} 

void display() { // 球 的 显示 
E11 (255, 0 Oz // 填 充 颜色 为 红色 
ellipseMode (RADIUS) ， 
ellipse (posx, posy, radius, radius); // 画 圆 
和 11(255) 7 


void move () { 


// 当 球 碰 到 边界 的 时 候 ，x、Y 的 分 量 都 重新 赋值 为 0， 就 能 做 出 球 贴 着 边界 移动 的 效果 


if (isXLeftBorderDetective () ) // 当 球 左边 碰 到 边界 的 时 候 
7 时 尖 于 0， 即 于 有 向 左 移动 的 直 认 将 dx 重新 由 值 为 0， 球 就 不能 向 左 移动 
if (isXRightBorderDetective 0) // 当 球 右边 磁 到 边界 的 时 候 
7 果 S 于 0， 即 于 有 向 右 移动 的 趋 蕉 ， 将 dx 重新 于 值 为 0， 球 就 不能 向 右 移动 
证 (syopEorderpetective 0) // 当 球 上 边 磁 到 边界 的 时 候 
太吉 并 和 小 于 0， 即 球 有 向 上 移动 的 趋势 ， 将 Gy 重新 且 值 为 0， 球 就 不 能 向 上 物 动 
证 (swoon DrderDetective 0) // 当 于 下 边 磋 到 边界 的 时 候 
/ko, 即 球 有 向 下 移动 的 趋势 ， 将 dy 重新 赋值 为 0， 球 就 不 能 向 下 移动 
SS pa 
wid update (float ax, float ay) { // 获 取 新 的 数据 


dx=map (ax, -80, 80, -5, 5); 

// 将 角度 ax 的 值 从 -80~80 了 映射 到 -5~5，qx 代 表 球 X 方 向 移动 的 速度 
dy=map (ay, -80, 80, -5, 5); 

// 将 角度 ay 的 值 从 -80~80 映 射 到 -5~5 中 ，dy 代 表 球 Y 方 向 移动 的 速度 
move (); / /移动 球 
display(); // 显 示 球 


boolean isXLeftBorderDetective() { 
border=false; 
Color c; 
c=get ( (int) (posx-radius-2), (int)posy); 
if (d==c) 
border=true; 
return border; 


} 
/* 检 测 球 是 否 碰 到 边界 ， 这 里 采用 的 方法 是 取 球 的 上 、 下 、 左 、 右 4 个 点 ， 检 测 它们 的 颜色 ， 如 果 它 们 的 颜色 是 边缘 的 颜色 则 说 明 球 碰 到 了 边缘 。 参 数 d 为 边缘 颜色 。 以 检测 右边 界 为 例 ， 检 测 球 右边 是 否 碰 到 边界 ， 将 Posx 加 上 球 的 
1 就 能 检测 到 球 右边 边界 的 颜色 值 ， 如 果 不 加 1， 则 检测 到 球 边 缘 的 颜色 就 一 直 会 是 球 的 颜色 。 当 检测 到 球 遇 到 边界 的 时 候 ， 将 变量 border 赋值 为 true 并 返回 ， 表 示 球 遇 到 了 边界 */ 
boolean isXRightBorderDetective () { 
border=false; 
Color c; 
c=get ( (int) (posxtradius+1), (int)posy); 
if (d==c) 
border=true; 
return border; 
: 
boolean isYUpBorderDetective() { 
border=false; 
Color c; 
c=get ( (int) (posx), (int) (posy-radius-1)); 
if (d==c) 
border=true; 
return border; 
} 
boolean isYDownBorderDetective () { 
border=false; 
Color c; 
c=get ( (int) (posx), (int) (posytradius+1)); 
if (d==c) 
border=true; 
return border; 


将 Ball 和 Mission 类 结合 并 ， 添 加 到 主 程序 中 。 


import processing.serial.*; 
Serial port=new Serial (this, “COM7", 9600); 
public static final char HEADER = 'h'; 


float x, y; 
Mission missionl; // 实 例 化 一 个 边界 对 象 
Ball ball; // 实 例 化 一 个 球 对 象 


void setup() { 
size(550, 500); 
missionl=new Mission(); // 初 始 化 边界 
ball=new Ball (mission]l .getBeginx(), mission]l .getBeginY(), 15, missionl. getColor()); 
// 初 始 化 球 ， 获 得 初始 位 置 的 x、yY 坐 标 和 边界 颜色 ， 边 界 颜 色 用 来 检测 球 是 否 遇 到 了 边界 
port.bufferUntil ('\n'); // 从 囊 口 读 取 数 据 ， 直 到 读 到 换行 符 
} 
void draw() { 
background (204) 7 
missionl.display(); // 显 示 边界 


ball .update (x, y) // 更 新 球 的 坐标 
} 
void serialEvent (Serial p) { // 定 义 一 个 串口 接收 事件 
String [] str; // 定 义 一 个 字符 串 数 组 ， 用 来 存放 X、y 方 向 的 角度 
String inString = p.readString(); // 从 串口 读 取 字 符 囊 
if (instring!=null) { 
str=inString.split (","); // 以 " "分 隔 字 符 串 
if (str[0] .charRAt (0)==HEADER) { 
Println ("device is working"); // 控 制 台 输出 设备 正在 工作 提示 
x=Float .parseFloat (str[1]); // 获 取 x 方 向 的 角度 
y=Float .parseFloat (str[2]); // 获 取 Y 方 向 的 角度 


Arduino 通 过 MPU6050 获 取 角 度 的 方法 有 很 多 ， 对 加 速度 进行 三 角 函 数 的 计算 可 以 算出 角度 ， 从 陀螺 仪 得 出 的 角速度 进行 积分 也 能 算出 角度 。 但 是 这 两 种 方法 得 出 的 角度 都 不 是 很 准确 ， 数 据 也 有 很 大 
的 波动 。 想 要 获得 精确 稳定 的 数据 ， 就 要 利用 到 卡尔 曼 滤 波 算法 ， 将 加 速度 和 角速度 结合 起 来 。 还 有 另 一 种 方法 是 直接 读 取 MPU6050 中 的 DMP 芯 片 来 获取 角度 ， 这 种 方法 获取 的 角度 精确 ， 操 作 也 很 简 
单 。 下 面 就 来 介绍 这 种 方法 。 


由 于 MPU6050 官 方 没有 开放 DMP 的 接口 ， 这 里 需要 用 到 一 个 MPU6050_6Axis MotionApps20 的 类 库 ， 它 依赖 于 官方 的 MPU6050 类 库 。 
从 开源 平台 GitHub 中 能 获取 一 个 完整 的 类 库 : 
https://github.com/jrowberg/i2cdevlib/tree/master/Arduino/MPU6050 


以 下 是 实现 读 取 角度 的 代码 。 


首先 实例 化 一 个 MPU6050 对 象 ， 并 初始 化 。 


MPU6050 mpu; 
mpu.initialize() 7 


然后 使 用 DMP。 


mpu. setDMPEnabLED (true) 7 


在 使 用 DMP 读 取 数据 之 前 ， 要 先 确定 它 的 封包 大 小 。 


packetSize = mpu.dmpGetFIFOPacketSize(); 


然后 在 主 循环 中 不 断 读 取 FIFO 中 的 数据 ， 并 存放 在 ffoBuffer 中 。 


mpu.getFIFOBytes (fifoBuffer, packetSize); 


获取 了 FIFO 中 的 DMP 资 料 后 ， 就 能 获取 四 元 数 与 三 轴 姿态 角 。 


mpu. dmpGetQuaternion(&q, fifoBuffer); 
mpu.dmpGetYawPitchRoll (YawPitchRoll, &q, &9); 


以 下 是 完整 代码 。 


#include “I2Cdev.h" // 引 入 3 个 类 库 
#include "MPU6050 6Axis MotionApps20.h" 

#include "Wire.h" 

MPU6050 mpu; // 实 例 化 一 个 MPU6050 对 象 
uint8 t devSstatus; 

uint16 t packetSize; 

uint16 t fifoCount; 

uint8 t fifoBuffer[64]; 


Quaternion q; // 四 元 数 对 象 
VectorFloat g; // 向 量 对 象 
float YawPitchRoll[3]; // 存 放 3 个 姿态 角 的 数组 


void setup() { 
Wire.begin(); 
Serial .begin (9600); 


mpu.initialize(); // 初 始 化 I2C 设 备 

devStatus = mpu.dmpInitialize(); // 载 入 和 设 定 DMP 

mpu. setDMPENabLED (true); // 启 用 DMP 

packetSize = mpu.dmpGetFIFOPacketSize(); // 获 取 DMP 中 FIFO 封 包 大 小 


} 
void loop() { 
fifoCount = mpu.getFIFOCount () 7 // 获 取 目 前 FIFO 的 大 小 
if (fifoCount == 1024) { 
//FIFO 缕 冲 区 的 大 小 是 2014， 如 果 FIFO 的 大 小 达到 最 大 值 ， 则 重 置 FIFO 
mpu.resetFIFO(); // 重 置 FIFO 
} else { 
while (fifoCount < PacketSize) 
// 当 FIFO 当 前 值 小 于 DMP 封 包 大 小 时 ， 获 取 FIFO 
fifoCount = mpu.getFIFOCount () 7 // 获 取 目 前 FIFO 的 大 小 
mpu.getFIFOBytes (fifoBuffer，packetSize);  // 获 取 数 据 
fifoCount -= packetSize; // fifoCcount 计 数 减 1 
mpu.dmpGetQuaternion (gq，fifoBuffer); // 从 fifoBuffer 中 获取 四 元 数 
mpu.dmpGetGravity (&g, &q); // 获 取 重 力 
mpu.dmpGetYawPitchRoll (YawPitchRoll，&q，&9g);// 获 取 3 个 姿态 角 
Serial.print ('h'); 
Serial.print (','); 
Serial .print (YawPitchRol1[1] * 180 / M PI); 
// 将 角度 从 弧度 转换 为 角度 ， 并 发 送 到 Processing 中 


Serial .print(','); 

Serial .print (YawPitchRol1[2] * 180 / M PI); 
Serial.print (','); 
Serial .println(); 

delay (100); 


} 
mpu. resetFIFO(); 


第 12 章 ”电机 控制 


12.1 L298N 电 机 驱动 模块 简介 


L298N 是 意 法 半导体 公司 的 产品 ， 如 图 12-1 所 示 。 它 采用 15 脚 Multiwatt 封 装 ， 引 脚 的 定义 如 表 12-1 所 示 。 该 芯片 内 部 包含 4 通道 逻辑 驱动 电路 ， 可 以 同时 驱动 两 个 二 相 电机 或 一 个 四 相 电 机 ， 最 高 输出 
电压 为 50V， 可 以 通过 电源 来 调节 输出 电压 ， 可 以 直接 用 Arduino 的 /O 口 来 控制 正 反 转 ， 用 PWM 引 脚 控制 转速 。 


图 12-1 L298N 实 物 图 


图 12-2 L298N 模 块 图 


L298N 驱 动 两 个 直流 电机 时 ，OUT1 和 OUT2、OUT3 和 OUT4 之 间 可 分 别 接 电动 机 ，5、7、10、12 脚 接 输 入 控制 电 平 ， 控 制 电 机 的 正 反 转 ，ENA、ENB 接 控制 使 能 端 ， 分 别 控制 2 路 电机 的 启动 与 停 


止 。 


表 12-1 L298N 电 机 驱动 模块 引 肢 定义 
说 明 


1 SENSE A 输出 电流 反馈 引 脚 ， 通 常 直接 接地 


( 续 ) 


引 肢 定义 说 。 明 
2 电机 控制 输出 肝 
3 电机 控制 输出 肚 
4 +VS 接 VDD 
5 接 输入 控制 电 平 
6 接 控制 使 能 端 ， 控 制 电机 的 停 转 
7 IN2 接 输入 控制 电 平 
5 撤 GND 
; 度 Vcc 
10 接 输入 控制 电 平 
11 接 控制 使 能 端 ， 控 制 电机 的 停 转 
12 接 输入 控制 电 平 
13 电机 控制 输出 有 
14 电机 控制 输出 肝 
15 输出 电流 反馈 引 脚 ， 通 常 直 接 接地 


采用 Arduino 控 制 L298N 驱 动 电机 的 电路 图 请 参照 数据 手册 接线 。 市 场 上 也 出 现 了 很 多 已 经 焊接 好 的 L298N 模 块 ， 如 图 12-2 所 示 。 没 有 焊接 条 件 的 读者 可 直接 使 用 该 模块 。 可 利用 Arduino 的 数字 引 脚 
(如 D3、D4、D5、D6) 来 分 别 控制 2 个 直流 电机 的 正 反 转 ， 同 时 利用 PWM 输出 口 (如 D10、D11) 分 别 控制 2 个 电机 的 转速 。 
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止 。 


表 12-1 L298N 电 机 驱动 模块 引 肢 定义 
说 明 


1 SENSE A 输出 电流 反馈 引 脚 ， 通 常 直接 接地 


( 续 ) 


引 脚 定义 说 。 明 
2 电机 控制 输出 肝 
3 电机 控制 输出 肚 
4 +VS 接 VDD 
5 接 输入 控制 电 平 
6 接 控制 使 能 端 ， 控 制 电机 的 停 转 
7 接 输 入 控制 电 平 
8 GND 接 GND 
9 +VSS 接 VCC 


vss 

10 接 输入 控制 电 平 
接 控制 使 能 端 ， 控 制 电机 的 停 转 

12 接 输入 控制 电 平 

13 电机 控制 输出 有 

14 电机 控制 输出 有 

15 输出 电流 反馈 引 脚 ， 通 常 直 接 接地 


采用 Arduino 控 制 L298N 驱 动 电机 的 电路 图 请 参照 数据 手册 接线 。 市 场 上 也 出 现 了 很 多 已 经 焊接 好 的 L298N 模 块 ， 如 图 12-2 所 示 。 没 有 焊接 条 件 的 读者 可 直接 使 用 该 模块 。 可 利用 Arduino 的 数字 引 脚 
(如 D3、D4、D5、D6) 来 分 别 控制 2 个 直流 电机 的 正 反 转 ， 同 时 利用 PWM 输出 口 (如 D10、D11) 分 别 控制 2 个 电机 的 转速 。 


12.2 ” ”Arduino 电机 转速 控制 


物料 清单 如 下 : 

“ Arduino UNO 板 1 块 
“ 工 298N 模 块 1 块 

“ 直流 减速 电机 2 个 


: 杜邦 线 ”若干 根 


将 上 述 的 模块 搭建 好 后 ， 编 写 程序 以 实现 双 路 电机 | 顺 时 针 加 速 8 秒 ， 然 后 反 转 加 速 8 秒 ， 并 循环 交 蔡 出 现 上 述 过 程 。 其 中 ，Arduino 与 L298N 的 接线 情况 如 表 12-2 所 示 。 


表 12-2 ”Arduino 与 L298N 模 块 接线 表 


| EE 
LT 
IN3 D5 空 制 电机 2 正 反 转 

LE 
sw | bo | rovnalWlli 
6 ENB | pl | pwM 引 脚 接 电机 2 


Arduino 驱 动 L298N 控 制 直流 电机 正 反 转 程序 代码 清单 如 下 。 


// 定 义 正 反 转 引 脚 和 PNM 引 肢 
#define IN1 3 

#define IN2 4 

#define IN3 5 

#define IN4 6 

#define PWMA 10 
#define PWMB 11 

void setup () 

{ // 设 置 引 脚 为 输出 模式 
PinMode (IN1, OUTPUT); 

PinMode (IN2, OUTPUT); 

PinMode (IN3, OUTPUT); 

PinMode (IN4, OUTPUT); 


} 

void loop () 

{ 

int speed; 
for (speed=50; speed<=250; speed ++) 
// 启 动 初始 速度 为 50 ( 太 小 无 法 启动 电机 ) 
{ 


digitalWrite (IN1, HIGH); // 设 置 电机 的 转向 


digitalWrite (IN2, LOW); // 设 置 电 机 的 转向 
analogWrite (PWMA, speed); // 写 入 电机 1 速度 值 
digitalWrite (IN3, HIGH); 

digitalWrite (IN4，LOW) ? 


analogWrite (PWMB, speed); // 写 入 电机 2 速度 值 
delay (40); 
} 
analogWrite (PWMA, 0); // 电 机 1 停 转 
analogWrite (PWMB, 0); // 电 机 2 停 转 
delay (3000); // 停 转 3 秒 


for (speed =50; speed <=250; speed ++) 
// 启 动 初始 速度 为 50 ( 太 小 无 法 启动 电机 ) 


{ digitalWrite (IN1, LOW); // 改 变 电 机 转 的 方向 
digitalWrite (IN2, HIGH); // 改 变 电 机 转 的 方向 
analogWrite (PWMA, speed); // 写 入 电机 1 速度 值 


digitalWrite (IN3, LOW); 

digitalWrite (IN4, HIGH); 

analogWrite (PWMB, speed); // 写 入 电机 2 速度 值 
delay(40) 7 


12.3 ”Processing 绘 制 速度 控制 条 


设计 速度 控制 条 就 是 设计 滚动 条 ， 拖 动 滚动 条 可 以 得 到 滚动 条 上 的 数值 。 很 多 可 视 化 的 编程 软件 如 VB、C# 等 都 有 滚动 条 控件 。 在 Processing 中 ， 要 使 用 


条 的 类 ， 拖 动 滚动 条 可 改变 速度 值 ， 界 面 的 效果 如 图 12-3 所 示 。 


用 滚动 条 需 自行 


绘制 。 下 面 的 实例 创建 一 个 滚动 


Class Scrollbar 
{ 


pi eh // 模 坐标 Xx 和 纵 坐 标 y 
float Scrollbar Width, Scrollbar Height; //; 的 宽度 和 高 

float pos; / 滑 块 的 位 置 
float position Min, position Max; // 洲 滑 块 的 坐标 范围 
boolean rollover; // 和 鼠标 位 于 滚动 条 上 时 为 真 


boolean locked; 被 激活 时 为 真 
float minVal, maxVal; 条 滑 块 的 取 值 范围 
Scrollbar (int xp, int yp, int w, int h，float miv, float mav) 
{ 


X=Xxp; // 滚 动 条 起 始 位 置 横 4 

y=yPp; // 滚 动 条 起 始 位 置 纵 

Scrollbar Width=w; // 滚 动 条 的 宽度 

Scrollbar Height=h; 高 

minVal=miv; 

maxVal=mav; // 淋 动 条 的 最 大 值 
Pos=x; // 起 始点 为 0， 若 想 从 中 间 值 开始 ， 请 用 下 面 的 语 身 


// 这 条 语 向 实现 滑 块 初始 位 在 中 间 值 pos=x+Scrollbar i Width/2- Scrollbar //Height/2 
position Min=x; 
Position Max=x+tScrollbar Width-Scrollbar Height; 


void update (int mx, int my) 


if (over (mx, my)==true) // 刊 断 鼠 标 是 否 在 滚动 条 上 
rollover=true; // 位 于 滚动 条 上 

} else 

1 rollover=false; // 未 位 于 滚动 条 上 

ir (locked=—=true) // 当 滚动 条 激活 的 时 候 


{ 
} 


pos=constrain (mx-Scrollbar Heigth/2, position Min, position Max); 


} 
void press (int mx, int my) 


{// 该 函数 用 于 锁定 ， 即 使 鼠标 离开 ， 也 依旧 进行 更 新 


if (rollover==true) // 如 果 和 鼠标 在 滑 块 上 
locked=true; // 则 滚动 条 被 激活 
} else 


{ 
} 


locked=false; 


E 
void release() 
{ // 重 置 滚动 条 
locked=false; 
} 
boolean over (int mx, int my) 
{ // 判 断 鼠 标 是 否 在 滚动 条 上 ， 若 鼠标 在 滚动 条 则 返回 Lrue 
if ( (mx>x) && (mx<x+Scrollbar Width) &g& (my>y) && (my<y+Scrollbar_ Height) ) 
{ 
return true; 
} else 
{ 
return false; 
} 
} 
void display() 
{ // 绘 制 滚动 条 


£i1] (255); 
rect (x, y, Scrollbar Width, Scrollbar Height); 
if ((rollover==true) | | (locked==true)) 
fil1(0，255，0) 7 // 鼠 标 指 到 这 个 滑 块 位 置 ， 滑 块 变 成 绿色 
} else 
£1i11 (102); 


} 
rect (pos, y, Scrollbar Height, Scrollbar Height); 

} 

float getPos () 

{ // 返回 滑 块 的 当前 值 
float scallar=Scrollbar Width/ (Scrollbar Width-Scrollbar Height); 
float ratio=(pos-x)*scallar; 
float offset=minVal+ (ratio/Scrollbar Width* (maxVal-minVal)); 
return offset; 

} 


} 
Scrollbar Motorl bar, Motor2 bar; // 创 建 两 个 电机 进度 条 的 对 和 象 
PFont font; 
void setup () 
{ 
size(450, 300); 
nostroke () 7 
Motor1 bar=new Scrollbar(100, 50, 255, 20, 0, 255); 
Motor2 bar=new Scrollbar (100, 90, 255, 20, 0, 255); 
font=loadFont ("David-30.viw"); 
// 读 取 字 库 文件 ， 使 用 前 在 Processing 的 工具 栏 中 选取 Creat Font 创 建 字体 
// 读 者 可 以 选择 喜欢 的 字体 
textFont (font) 7 // 调 用 该 字体 
textAlign (CENTER); 


void draw() 


{ 
background (204); 


£1i11(0); 
text ("Motorl", 55, 70); // 显 示 文 本 
text ("Motor2", 55, 110); // 显 示 文 本 


int posl=int (Motorl bar.getPos());  // 获 得 电机 1 滑 块 的 值 


text (pos1，400，70) 7 
int pos2=int (Motor2 bar.getPos ()) 7 
text (pos2, 400, 110); 
Motorl1 bar.update (mouseX, mouseY); 
Motor2 bar.update (mouseX, mouseY); 
Motor1l bar.display(); 
Motor2 bar.display(); 
} 
void mousePressed () 
{ 
Motorl1 bar.press (mouseX, mouseY); 
Motor2 bar.press (mouseX，mouseY) 7 
} 
void mouseReleased () 


Motor1l bar.release(); 
Motor2 bar.release(); 


// 显 示 该 速度 值 
// 获 得 电机 2 滑 块 的 值 
// 显 示 该 速度 值 


// 显 示 电 机 1 进度 条 
// 显 示 电 机 2 进度 条 


// 当 鼠标 被 按 下 时 传递 鼠标 坐标 


如 图 12-3 所 示 ， 当 拖 动 进度 条 时 ， 右 边 的 数值 会 随 着 滑 块 位 置 的 移动 而 发 生变 化 。 


JIMotori 国 


Motor? 


12.4 ”控制 电机 转速 


将 上 述 的 代码 进行 改动 ， 将 获取 到 的 滚动 条 的 两 个 电机 值 ， 通 过 


好 对 应 。 发 送 的 格式 为 “速度 值 1， 速 度 值 2 ， 速 度 值 为 ASCll 码 ， 中 间 用 逗号 隔 开 。 


图 12-3 


口 发 送 到 Arduino 开 发 板 中 去 。Arduino 板 上 的 PWM 是 8 位 的 ， 取 值 范 


205 


是 0~255， 我 们 将 滚动 条 最 小 值 设 为 0， 最 大 值 设 为 255， 刚 


控制 电机 将 调用 上 一 个 代码 中 的 Scrollbar 类 ， 请 读者 自行 将 Scrollbar 类 的 代码 放 在 以 下 代码 的 开头 。 以 下 代码 简单 实现 了 两 个 电机 速度 的 独立 控制 ， 读 者 可 以 自行 修改 添加 代码 实现 正 反 转 控制 。 


1.Processing 代 码 


Scrollbar Motor1l bar, Motor2 bar; 
PFont font; 
int posl, pos2; 
import processing.serial.*; 
Serial myPort; 
void setup () 
{ 

size(450, 300); 

nostroke () 7 


Motorl bar=new Scrollbar(100，50，255，20，0，255);// 电 机 1 滚动 条 初始 化 
Motor2 bar=new Scrollbar(100，90，255，20，0，255);// 电 机 2 滚动 条 初始 化 


font=lo0adFont ("David-30.vlw") 7 
textFont (font); 
textAlign (CENTER); 


myPort = new Serial (this, "COM13", 9600); // 上 串口 初始 化 


myPort.clear (); 
} 
void draw() 
{ 
background (204); 
fil1(0)7 
text ("Motor1"，55，70) 7 
text ("Motor2"，55，110) 7 
posl=int (Motor1l bar.getPos () ) 7 
text (pos1，400，70) 7 
Pos2=int (Motor2 bar.getPos()); 
text (pos2, 400, 110); 
Motor1l bar.update (mouseX, mouseY); 
Motor2 bar.update (mouseX, mouseY); 
Motor1l bar.display(); 
Motor2 bar.display(); 
} 
void mousePressed () 
{ 
Motorl1 bar.press (mouseX，mouseY) 7 
Motor2 bar.press (mouseX, mouseY¥); 
} 
void mouseReleased () 
{ 
String sl=Integer.toString (Pos1) 7 


// 将 电机 1 滚动 条 的 读数 值 转换 为 


String s2=Integer.toString (pos2); // 将 电机 2 滚动 条 的 读数 值 转换 为 
myPort .write (s1) 7 // 发 送 电机 1 速度 值 的 ASCII 码 

myPort .write(", "); // 发 送 去 号 作为 分 隔 符号 

myPort .write (s2); // 发 送 电机 2 速度 值 的 ASCII 码 


Motor1l_ bar.release () 
Motor2_bar.release () 


字 


符 
符 


串 
串 


2.Arduino 代 码 


#define IN1 3 

#define IN2 4 

#define IN3 5 

#define IN4 6 

// 定 义 一 个 comdata 字 符 串 变量 ， 赋 初 值 为 空 什 
String comdata = ""; 

// numdata 是 分 折 之 后 的 数字 数组 


int numdata[2] = {0}, mark = 0; 
int PWMPin[2] = {10, 11};  // 定 义 两 个 PWM 引 脚 
void setup () 
{ 
Serial .begin (9600); 
for(int i = 0; i < 2; i++) pinMode (PWMPin[i], OUTPUT); 
PinMode (IN1, OUTPUT); 
PinMode (IN2, OUTPUT); 
PinMode (IN3, OUTPUT); 
PinMode (IN4, OUTPUT); 
GigitalWrite (IN1, HIGH); 
digitalWrite (IN2, LOW); 
digitalWrite (IN3, HIGH); 
digitalWrite (IN4，LOW) ? 


} 
void loop () 


{ 

// j 是 分 折 之 后 数字 数组 的 位 置 计数 变量 
int j = 0; 
// 不 断 循环 检测 串口 缓存 ， 一 个 个 读 入 字符 串 
while (Serial.available() > 0) 


// 读 入 之 后 将 字符 串 串 接 到 comdata 上 面 
comdata += char (Serial .read()); 
// 延 时 一 会 儿 ， 让 事 口 缓存 准备 好 下 一 个 数字 ， 不 延 时 会 导致 数据 丢失 


delay (2); 
// 标 记事 口 读 过 数据 ， 如 果 没 有 数据 的 话 ， 不 执行 这 个 while 循 环 
mark = 1; 
i 
if(mark = 1) 


// 如 果 接 收 到 数据 则 执行 Comdata 分 析 操 作 ， 否 则 什么 都 不 做 。 
// 显 示 刚 才 输 入 的 字符 囊 (可 选 语句 ) 


Serial .println (comdata); 

// 显 示 刚 才 输 入 的 字符 串 长 度 (可 选 语句 ) 

Serial .println (comdata.length ()); 

// 以 事 口 读 取 字 符 串 长 度 循环 

for(int i = 0; i < comdata.length() ; i++) 


/* 逐 个 分 析 comdata [i] 字符 串 的 文字 ， 如 果 碰 到 文字 是 分 隔 符 (这 里 选择 过 号 ) 则 将 结果 数组 位 置 下 移 一 位 。 比 如 ，11，22，33，55 开 始 的 11 记 到 numdata[0]; 碰 到 过 号 就 j 等 于 了， 再 转换 就 转换 到 numdata[1]; 下 
if (comdata[i] == ',') 
{ 
j++ 
} 


else 


{ 
/* 如 果 没有 过 号 的 话 ， 就 将 读 到 的 数字 x10， 加 上 以 前 读 入 的 数字 。 (comdata [i] 
一 '0') 就 是 将 字符 '0' 的 ASCII 码 转换 成 数字 0 (下 面 不 再 叙述 此 问题 ， 直 接 视 作 数字 0) 。 比 如 输入 数字 是 12345， 有 5 次 没有 碰 到 过 号 的 机 会 ， 就 会 执行 5 次 此 语句 。 因 为 左边 的 数字 先 获取 到 ， 并 且 numdata[0] 等 于 0， 所 以 第 一 次 
1， 循 环 是 numdata[0] = 1*10+2 = 12; 第 三 次 是 numdata[0] 等 于 12， 循 环 是 numdata[0] = 
12*10+3 = 123; 第 四 次 是 numdata[0] 等 于 123， 循 环 是 numdata[0] = 123*10+4 = 1234; 如 此 类 推 ， 字 符 串 将 被 变 成 数字 O*/ 
numdata[j] = numdata[j] * 10 + (comdata[i] - '0'); 
} 


} 

//comdata 的 字符 串 已 经 全 部 转换 到 numdata 了 ， 清 空 comdata 以 便 下 一 次 使 用 ， 

// 如 果 不 清空 的 话 ， 本 次 结果 极 有 可 能 干扰 下 一 次 

comdata = String(""); 

// 循 环 输 出 numdata 的 内 容 ， 并 且 写 到 PRM 引 脚 

for(int i = 0; i < 2; i++) 

{ 
analogWrite (PWMPin[i], numdata[i]); // 输 出 两 个 电机 的 转速 
numdata[i] = 0; 


} 
// 输 出 之 后 必须 将 读 到 数据 的 mark 置 0， 不 置 0 下 次 循环 就 不 能 使 用 


mark = 0; 


第 三 篇 ”游戏 开发 篇 


第 13 章 击 鼓 大 师 
第 14 章 “变脸 弹 珠 台 
第 15 章 “奔跑 的 火柴 人 


第 16 章 太空 飞船 大 战 小 蜜蜂 


第 13 章 击 敦 大 师 


13.1 设计 思想 


击 鼓 大 师 是 一 款 非 常 好 玩 的 触摸 音乐 类 游戏 ， 这 里 的 击 鼓 不 是 用 鼓 棒 ， 也 不 是 用 手柄 ， 而 是 用 手指 随 着 音乐 节奏 去 击 打 振 动 传感器 来 完成 整个 敲 击 过 程 。 玩 家 可 以 体会 到 音乐 节奏 与 手指 舞动 契合 带 来 
的 快感 ， 别 有 一 番 乐 趣 。 游 戏 设置 了 多 种 难度 ， 让 不 同 程度 的 玩家 都 能 得 到 很 好 的 游戏 体验 。 


第 13 章 ， 击 款 大 师 


13.1 设计 思想 


击 鼓 大 师 是 一 款 非 常 好 玩 的 触摸 音乐 类 游戏 ， 这 里 的 击 鼓 不 是 用 鼓 棒 ， 也 不 是 用 手柄 ， 而 是 用 手指 随 着 音乐 节奏 去 击 打 振 动 传感器 来 完成 整个 敲 击 过 程 。 玩 家 可 以 体会 到 音乐 节奏 与 手指 舞动 契合 带 来 
的 快感 ， 别 有 一 番 乐 趣 。 游 戏 设置 了 多 种 难度 ， 让 不 同 程度 的 玩家 都 能 得 到 很 好 的 游戏 体验 。 


13.2 ”物料 清单 


“ Arduino UNO 板 1 块 


“ 斋 击 传感器 2 个 ( 见 


13-1) 


[TT 


“ 面包 板 1 块 


图 


13-1 项 击 传感器 
“ 杜邦 线 若干 根 


13.3 ”电路 接线 


按照 接线 表 ( 表 13-1) 连接 传感器 的 信号 端 (S 端 ) 与 Arduino 对 应 引 脚 ，5V 和 GND 引 脚 ， 通 过 面包 板 连 接 到 传感器 的 电源 端 和 接地 端 ， 如 


序 模块 引 脚 名 称 


1 痪 击 传 感 


Arduino 对 应 引 脚 
D8 


感 器 1 的 S 端 
敲 击 传感器 2 的 S 端 


D9 


图 13-2 两 个 传感器 的 接线 图 


13.4 软件 设计 


13.4.1 功能 分 析 与 实现 
1.Arduino 程 序 设计 
检测 到 敲 击 信号 时 ， 通 过 串口 发 送 字符 串 。 
2.Processing 程 序 设计 
整个 游戏 分 为 : 菜单 、 鼓 面 、 声 音 处 理 、 按 键 与 Arduino、 按 键 检测 、 鼓 点 、 鼓 点 编排 几 个 模块 。 各 个 模块 根据 一 定 的 逻辑 在 draw 函 数 中 进行 ， 用 全 局 变量 标记 各 种 状态 控制 运行 过 程 。 
(1) 菜单 
菜单 分 为 3 级 ， 一 级 为 难度 选择 菜单 ， 二 级 为 歌曲 选择 菜单 ， 三 级 为 菜单 显示 ， 让 菜单 一 直 运行 在 draw () 中 。 菜 单 分 3 层 ， 下 一 层 显 示 时 上 一 层 隐藏 。 
(2) 鼓 面 
游戏 进行 时 鼓 面 出 现 ， 鼓 面 分 为 左右 两 面 ， 再 分 为 鼓 边 与 内 鼓 。 鼓 边 音效 为 “ 尽 ”， 鼓 面 音效 为 “ 噬 ”。 默 认 d、h 键 为 鼓 边 ， 而 b、 < 键 为 鼓 面 。 
为 鼓 面 定义 一 个 类 drum， 并 设置 与 按键 关联 的 鼓 面 变化 方法 。 
(3) 声音 处 理 
首先 在 开头 导入 库 import ddf.minim.*， 这 个 库 包 括 了 许多 音频 处 理 的 接口 ， 方 便 本 游戏 调用 。 
其 中 AudioPlayer 每 次 播放 完 歌曲 都 会 清空 缓存 ， 可 用 于 处 理 调用 次 数 较 少 、 时 间 较 长 的 音乐 。 在 本 游戏 中 用 于 处 理 背景 歌曲 。 
Audiosample 与 AudioPlayer 用 法 类 似 ， 但 是 音频 文件 会 常 驻 内 存 ， 不 适合 处 理 长 时 间 的 音频 ， 会 占用 大 量 内 存 ， 所 以 用 于 处 理 鼓 面 的 音效 ， 属 于 需要 频繁 调用 的 小 音频 。 


具体 用 法 参考 http://code.compartmental.net/minim/index.html。 


(4) 按键 与 Arduino 


本 程序 默认 会 检测 com 


是 否 连接 Arduino 设 备 ， 如 果 已 连接 ， 则 使 用 Arduino 的 敲 击 传感器 作为 输入 ， 否 则 使 


键盘 作为 输入 。Arduino 端 的 程序 只 在 有 敲 击 信号 时 才 发 送 数据 给 pc 端 ， 否 则 会 造成 数 


13.4.2 ”程序 流程 


据 丢 失 ， 这 是 因为 受到 draw 函 数 的 循环 速度 限制 ， 尽 量 减少 发 送 和 处 理 的 数据 量 。 


击 鼓 大 师 程序 的 总 流程 医 


如 图 13-3 所 示 。 


其 中 “游戏 模块 ”流程 


@ 


如 图 13-4 所 示 。 


避 面 绘制 


13.4.3 ”难点 与 技巧 


1. 按 键 检测 


游戏 中 按键 会 触发 相应 的 鼓 面 发 送 颜色 变化 并 发 出 声音 ， 但 是 由 于 Processing 
所 以 上 述 情况 会 影响 游戏 体验 。 因 此 需要 对 此 进行 处 理 ， 使 得 长 按 按键 的 时 候 ， 鼓 


2 鼓点 


鼓点 会 根据 一 定 规律 从 屏幕 右边 一 直 移动 到 屏幕 左边 界外 。 由 于 在 同一 时 刻 可 
该 鼓点 ， 以 便 下 次 循环 时 再 次 从 屏幕 右边 出 现 。 


按键 与 鼓点 
颜色 对 应 


13-4 游戏 模块 流程 图 


只 能 处 理 瞬 时 的 按键 ， 如 果 长 按键 盘 ， 鼓 面 变化 会 一 直 保持 ， 


人 5 人 
Be 


音 也 会 一 直 重 复 响 。 但 是 游戏 中 很 多 鼓点 间隔 时 间 很 短 ， 


出 现 多 个 鼓点 ， 我 们 需要 实例 化 多 个 鼓点 类 (30 个 以 上 ) ， 


为 鼓点 创建 一 个 类 Drumbeat， 成 员 函 数 包括 鼓点 的 状态 与 位 置信 息 ， 成 员 方法 包括 重 置 鼓点 、 显 示 鼓 点 以 及 移动 鼓点 。 


3. 鼓 点 的 编排 


变化 持续 几 帧 ， 而 声音 只 响起 一 次 。Arduino 端 的 敲 击 信号 也 要 进行 相应 的 处 理 。 


取 余 数 的 除法 循环 使 


这 些 对 象 。 在 到 达 边 界 时 应 导 


程序 的 难点 在 于 鼓点 出 现 的 时 机 ， 使 得 节奏 与 鼓点 相互 对 应 。 获 取 了 鼓点 出 现 的 时 间 后 ， 通 过 控制 游戏 帧 率 (framerate) 计算 出 鼓点 从 屏幕 外 到 达 判 定点 的 时 间 ， 让 鼓点 在 相应 时 间 出 现 即 可 。 


鼓点 出 现 的 时 间 通 过 txt 文 档 储存 ， 每 个 鼓点 一 行 ， 以 微 秒 为 单位 记录 。 预 先 加 载 第 一 个 鼓点 的 出 现时 间 (第 一 行 ) ， 等 第 一 个 鼓点 出 现 后 读 取 下 一 行 ， 以 此 类 推 ， 随 着 时 间 的 前 进 不 断 地 显示 鼓点 。 


13.4.4 ”界面 设计 


Processing 界 面 如 图 13-5 所 示 。 设 计 如 下 : 


国 Taigu 
P. 开始 游戏 R. 重 新 开始 
连 韦 


图 13-5 ”游戏 开始 图 
“ 界面 大 小 (800 像 素 X500 像 素 ) 。 
“ 最 左边 为 虚拟 的 鼓 面 ， 坐 标 为 《100，255) ， 蓝 色 外 圈 ， 里 面 填充 红色 。 
“ 灰色 的 圆 为 敲 击 点 。 
“ 中间 是 灰色 传送 带 ， 用 于 传送 白色 外 圈 ， 里 面 为 红色 的 贺 (鼓点 ) 。 


“ 左上 角 为 游戏 的 菜单 ， 设 置 有 “开始 游戏 ”“ 重 新 开始 ”和 “返回 菜单 ”的 提示 。 


“ 菜单 下 有 “ 连 击 统计 ”， 可 以 记录 连 击 的 次 数 。 


13.5 ”游戏 使 用 说 明 


没有 连接 Arduino 时 默认 使 用 键盘 的 d、c、b、h 键 进行 击 鼓 ，b、c 为 红色 ，d、h 为 蓝 色 ， 当 对 应 颜色 的 鼓点 到 达 灰 色 鼓 点 时 进行 冲击， 击 中 则 连 击 数 加 一 ， 否 则 清 零 。 


连接 Arduino 时 ， 敲 击 传感器 可 以 控制 鼓 面 变化 ， 根 据 节奏 敲 击 可 使 连 击 数 加 一 。 振 动 传感器 使 用 两 个 ， 一 个 代表 鼓 面 (红色 ) 一 个 代表 鼓 边 〈 蓝 色 ) ; 若 使 用 4 个 振动 传感器 ， 则 其 中 两 个 控制 鼓 边 
( 蓝 色 ) ， 另 外 两 个 控制 鼓 面 (红色 ) 。 读 者 可 以 对 程序 进行 小 修改 ， 自 行 扩展 为 4 个 ， 适 合 高 难度 下 的 连续 襄 击 (两 个 手指 连续 敲 击 同一 侧 的 传感器 ， 可 以 提高 连 击 速度 ) 。 程 序 默认 开启 两 个 传感器 。 


错过 鼓点 或 打 错 颜色 则 连 击 统计 数 清 0。 


13.6 源 代 码 


1.Arduino 部 分 


Arduino 端 每 次 检测 到 信号 就 发 送 对 应 的 数字 给 串口 。 若 读者 想 尝 试 使 用 4 个 传感器 时 ， 去 掉 程 序 中 的 “/*” 和 “*/” 符 号 即 可 。 


void setup() 


Serial.begin(9600) 7 
PinMode (8, INPUT); 
PinMode (9, INPUT); 


wm 


6 PinMode (10, INPUT); 
7 PinMode (11, INPUT); 
8 
9 } 
10 
11 void loop() 
1 人 2 和 
1I3 if (digitalRead (8)==LOW) 
14 { 
15 Serial .print (1); // 左 鼓 面 
16 delay (10); 
于 } 
18 /*if (digitalRead(9)==LOW) 
19 党 
20 Serial.print (2); // 右 鼓 面 
21 delay (10); 
22 } 
23 if (digitalRead (10)==LOW) 
24 : 
25 Serial .print (3); // 左 鼓 边 
26 delay (10); 
27 py 
28 if (qigitalRead(11) 一 LOW) 
29 { 
30 Serial .print (4); // 右 鼓 边 
31 delay (10); 
32 } 
2.Processing 部 分 
(1) 主 程序 


Taigu.pde 包 含 了 所 有 的 初始 化 工作 和 主流 程 代码 。 


1 import ddf.minim.*; //minim 库 
2 import processing.serial.*; // 串 口 库 
3 PImage backimg; // 背 景 图 
4 int keystatel=0; //4 个 按键 状态 
5 int keystate2=| 
6 int keystate3= 
3 int keystate4=0; 
8 int imageframe=8; // 击 中 图 片 显示 的 帧 数 
9 int imagestate=0; // 击 中 图 片 状态 
10 int bcount=0; // 鼓 点 计数 器 
11 int bgmstate=0; // 音 ! $s 
12 int combo=0; // 连 击 统计 
13 int df=1; // 难 度 
14 int songnum; // 歌 曲 编 号 
15 int sa; // 串 口 读数 
16 int menul=1; // 莱 单 状态 
17 int menu2=0; 
18 int playstate=0; // 游 戏 状态 
19 int serialstate=1; // 串 口 状态 
20 int framel=0; // 囊 口 鼓 击 时 鼓 面 变化 的 帧 数 
2 int frame2=0; 
22 int frame3=0; 
23 int frame4=0; 
24 int bcolor; // 连 击 统计 颜色 判断 
25 ”RudioPlayer bgm; // 音 乐 播放 器 
26 “Minim mbgm; // 文 件 接口 
27 BufferedReader reader; // 鼓 点 时 间 文 件 读 取 
28 ”Minim miniml7 // 鼓 点 音效 文件 接口 
29 Minim minim2; 
30 AudioSample inside; // 鼓 点 音效 播放 接口 
31 AudioSample outside; 
32 String line; // 鼓 点 时 间 文 件 读 取 行 数 
33 Timer timer; // 计 时 器 
34 ”Drumbeat[] db=new Drumbeat[40]; // 实 例 化 多 个 鼓点 类 
35 Mybutlisten mybut; // 按 键 监听 与 鼓 面 变化 类 
36 ”Drum mydrum; // 大 鼓 类 
37 PImage img; // 击 中 时 的 图 片 接口 
38 int mykey; // 储 存 当 前 按键 
39 Serial serial; // 串 口 初始 化 
40 int stime, bstyle, nstime, nbstyle; // 储 存 map 中 某 行 的 数据 
41 int[] st; // 储 存 对 应 编号 鼓点 类 的 出 现时 间 
42 String song; // 歌 曲 文 件 名 
43 String songmap; // 鼓 点 时 间 文 件 名 
44 void setup () 
45 { 
46 try { 
47 serial=new Serial (this, Serial.list() [0]，9600) 
// 设 置 串口 ， 在 Rrduino 找 对 应 的 端口 号 
48 } 
49 catch (Exception e) { 
50 println ("没有 连接 到 Arduino 设 备 "); 
51 serialstate=0; // 不 启用 串口 敲 击 判 断 
5 } 
53 PFont font = createFont ("黑体 "，25);  ”// 字 体 设 置 
54 textFont (font); 
55 backimg=loadImage ("background.png");  ”// 背 景 图 片 
56 backimg.resize (800, 500); // 修 改 背景 尺寸 
57 mbgm=new Minim(this); // 实 例 化 背景 音乐 minim 类 
58 imageMode (CENTER) ; / /图片 绘制 起 点 设置 为 中 心 
59 img = loadImage ("taiko-hit300.png"); // 读 取 击 中 图 片 
60 miniml=new Minim(this); // 实 例 化 鼓点 音效 minim 类 
61 minim2=new Minim (this)7 
62 mybut=new Mybutlisten('c', 'b', 'd', 'h'); 
// 定 义 键盘 按键 ，C、b 为 鼓 面 ( 红 ) ，d、h 为 鼓 边 〈 蓝 ) 
63 mydrum=new Drum(100, 225, 100, 100); // 鼓 面 
64 st=new int[50]; // 数 组 实例 化 
65 for (int k=0; k<40; k++) 
66 db[k]=new Drumbeat (); // 实 例 化 40 个 鼓点 
67 frameRate (120); 
68 size(800, 500); 
69 timer=new Timer () 7 
70 inside=miniml .loadSample ("in.wav"，512); // 读 取 鼓 点 音效 
71 outside=minim2.1loadSample ("out .wav", 512); 
72 } 
73 void qraw() 
74 t 
J background (backimg); // 背 景 
78 if (playstate=—=1) 
3 Playsetup () 
78 £ill (#000000); 
79 if (menul==1) // 一 级 菜单 
80 { 
81 fil1l(0，102，153) ， 
82 text (" 选 择 难度 "，0，20) 7 
83 text ("7. 普 通 "，100，20); 
84 text ("8. 困 难 "，200，20) 7 
85 if (keyPressed) 
86 if (key=="'7') 
有 了 于 
88 df=1; // 1 为 普通 ,2 为 困难 
89 menu1=07 // 关 闭 一 级 菜单 
90 menu2=1; // 开 启 二 级 菜单 
91 } 
92 if (key=—'8') 
93 { 
94 df=2; 
$5 menul=0; 


96 menu2=1; 


97 

98 

99 

100 
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105 
106 
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109 
110 
1 
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120 
121 
122 
123 
124 
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126 
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130 
3 
32 
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168 
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194 
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205 
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214 
1]5 
216 
2 
218 
219 
220 
221 
222 
223 
224 
25 
226 
227 
228 
229 
230 
231 
232 
3 
234 


} 


if (menu2==1) /7 三 和 级 菜单 
{ 
£i11 (0; 102; 153)»} 
text ("选择 歌曲 "，0，20); 
text ("1 .火影 op 《青鸟 >》"，100，20); 
text ("2. 四 月 是 你 的 P3500, 20)3 
text ("3. 红 莲 弓 矢 "，100，50); 
text ("4.FLYING FAFNIR ", 350, 50); 
if (keyPressed) 
if (key=="'1') 
{ 


songnum=1; 
menu2=0; 
. 
if (key=—'2') 


songnum=2; 
menu2=0; 


songnum=4; 
menu2=0; 


} 
if (menu2==0&&menul==0) // 三 级 菜单 
{ 
£il1 (0, 102, 153)»} 
text ("P. 开 始 游戏 "，0，20); 
text ("R. 重 新 开始 "，150，20) 7 
text ("Q. 返 回 菜单 "，300，20); 
text (" 连 击 统计 : "，100，50); 
if (keyPressed) 


if (key=='q') // 返 回 一 级 菜单 
{ 


menul=1; 
bgmstate=0; 
playstate=0; 
bgm.pause (); 
for (int i=0; i<39; i++) 
人 
db[il] .resetbeat (i); 
. 
3 
if (key=='p'&&playstate!=1l&&menul==0) 
{ 


songselect (songnum); 
bgm=mbgm. loadFile (song, 1024); 


reader=createReader (songmap); // 读 取 map 
firstread () 7 
Playgame () 7 
} else if (key=—='r') // 重 新 开始 
{ 
if (bgmstate==0) 
{ 


bgm=mbgm. loadFile (song, 1024); 
bgm.play(); 

} 

bgm.rewind (); 

bgmstate=1; 

try { 


// 开 始 游戏 


// 读 取 音 频 文件 


// 读 取 音 频 文件 


reader.close (); / /释放 文件 缓存 


} 
catch (Exception e) 
{ 
Println("close file error"); 


reader=createReader (songmap); // 重 新 调用 以 下 函数 


firstread(); 

timer .timereset (); 
timer.start (); 
bcount=0; 


for (int i=0; i<39; i++) // 重 置 所 有 鼓点 


{ 
db [i] .resetbeat (i); 
} 


和. 
} 
if (timer.showtime (stime, timer.now())&&bgmstate==1) 


// 使 用 自 定义 计时 器 ,并 判断 鼓点 是 否 应 该 出 现 


if (bgmstate==1) 
try { 


line = reader.readLine (); // 读 取 map 文 件 下 一 行 


} 

catch (IOException e) { 
e.PrintStackTrace (); 
line = null; 


} 


if (line!=null) // 读 取 成 功 后 储存 鼓点 出 现 的 时 间 与 类 型 


{ 
String data[]=split (line, ','); 
println (data[2]); 
nstime=int (data[2]); // 下 一 个 鼓点 出 现时 间 
nbstyle=int (data[4]); // 下 一 个 鼓点 类 型 

} else { 


timer.timereset (); //map 读 取 完 后 重 置 timer， 游 戏 停止 


bgmstate=0; 


try { 
reader .close (); 
} 
catch (Exception e) 
有 
Println("close erro"); 


} 
db[bcount] .resetbeat (bcount);  // 初 始 化 对 应 鼓点 


st [bcount]=bstyle; // 储 存 对 应 的 鼓点 类 型 


bcount= (bcount+1) 和 407 
Println (bcount) ; 
} 


RE : ix39; jd+} /人 

| act (i); 
证 (tine leetile) // 下 一 行 数据 赋值 
' stime=nstime; 


bstyle=nbstyle; 
} 


if (imagestate==1&&imageframe>0) // 击 中 鼓点 持续 显示 图 片 
{ 


235 image (img, 250, 220, 100, 100); 


236 imageframe-——; 

237 } else { 

238 imagestate=0; 

239 } 

240 } 

241 

242 void keyReleased () 

243 { 

244 keystatel=0; // 重 置 按键 状态 
245 keystate2=0; 

246 keystate3=0; 

247 keystate4=0; 

248 } 

249 void keyPressed!() 

250 { 

251 mykey=mybut .listenbut (); // 获 取 当 前 按键 ，1、2 为 鼓 面 ，3、4 为 鼓 边 
252 

253 void Playsetup () 

254 { 

255 stroke (0); // 边 缘 

256 strokeWeight (1) // 边 缘 粗 细 

257 £ill (100, 160); 

258 rect (0, 150, 800, 150); 

259 line (200, 150, 200, 300); 

260 stroke (255); 

261 strokeWeight (2); 

262 £ill (100); 

263 ellipse (250, 220, 50, 50); // 灰 色 项 击 点 
264 £il1 (0, 102, 153)»} 

265 text (combo, 300, 50); // 初 始 连 击 计数 0 
266 mydrum.displaydrum(); // 左 鼓 界面 绘制 
267 mydrum.hitten (mykey); // 鼓 面 变化 
268 serialsetup(); // 串 口 控制 
269 1} 

270 void act (int n) // 每 一 帧 的 动作 
271 1{ 

272 db[n] .showbeat (st [n]); // 显 示 对 应 类 型 的 鼓点 
273 db[n] .move (); // 鼓 点 移动 
274 } 

275 void serialsetup () // 串 口 项 击 时 鼓 面 变化 处 理 
276 { 

277 if (serialstate==1) // 读 取 串 口 成 功 
278 { 

279 sa=serial .read(); // 读 取 囊 口 的 值 
280 

281 if (sa==49) // 1 的 RSCII 码 
282 { 

283 bcolor=0; // 颜 色 

284 mydrum.serialhitten(1); ”// 左 鼓 面 

285 frame1=8; // 显 示 帧 数 
286 } 

287 if (framel>0) // 鼓 面 变 化 持续 一 定 帧 数 
288 . 

289 £il1 (0); 

290 arc (100, 225, 100, 100, HALF PI, HALF PI+PI); 
291 framel-——; 

292 } 

293 if (sa==50) 

294 { 

295 bcolor=0; 

296 mydrum.serialhitten(2);  // 右 鼓 面 

这 87 frame2=8; 

298 } 

299 if (frame2>0) 

300 { 

301 EDs 

302 arc(100, 225, 100, 100, 3*HALF PI, 3*HALF PI+PI); 
303 frame2——; 

304 } 

305 

306 if (sa==51) 

307 f 

308 bcolor=8; 

309 mydrum.serialhitten(3);  // 左 鼓 边 

310 frame3=8; 

311 } 

312 if (frame3>0) 

313 1 

314 stroke (0); 

315 £ill (#F01111); 

316 arc(100, 225, 100, 100, HALF PI, HALF PI+PI); 
317 frame3-——; 

318 } 

319 if (sa==52) 

320 上 

321 bcolor=8; 

322 mydrum.serialhitten(4);  // 右 鼓 边 

323 frame4=8; 

324 } 

325 if (frame4>0) 

326 { 

7 stroke (0); 

328 £ill (#F01111); 

329 arc (100, 225, 100, 100, 3*HALF PI, 3*HALF PI+PI); 
330 frame4-——; 

331 开 

332 } 

333 3} 

334 void Playgame () 

335 1{ 

336 playstate=1; // 游 戏 状态 

337 bgm. setGain(-10); // 背 景 音 量 

338 bgm.play (); // 播 放 音 乐 

339 timer. start (); // 计 时 器 开始 工作 

340 bgmstate=1; // 音 乐 状态 为 ] (播放 ) 

341 } 

342 void firstread () // 读 取 第 一 行 数据 

343 { 

344 try { 

345 line = reader.readLine(); // 读 取 第 一 行 

346 } 

347 catch (IOException e) { 

348 e.printStackTrace () 7 

349 line = null; 

350 } 

351 String data[]=split (line, ','); // 数 据 以 去 号 为 分 隔 放 入 data 数 组 
352 stime=int (data[2]) // 出 现时 间 

353 bstyle=int (data[4])7 // 鼓 点 类 型 

354 } 

355 void songselect (int songn) // 歌 曲 选择 

356 { 

357 if (songn==1) 

358 t 

359 song="1 .mp3"; // 读 取 音 频 文件 
360 if (df==1) 

361 songmap="1.1.txt"; // 读 取 map 

362 else 

363 songmap="1.2.txt"; 

364 } 

365 if (songn=—=2) 

366 { 

367 song="2 .mp3"; // 读 取 音 频 文件 
368 if (df==1) 

369 songmap="2.1.txt"; // 读 取 map 

370 else 

$7 songmap="2.2.txt"; 

372 } 


373 if (songn==3) 


374 { 


375 song="3.mp3"7 // 读 取 音 频 文 件 
376 if (df==1) 
377 songmap="3.1.txt"; // 读 取 map 
378 else 
379 songmap="3.2.txt"; 
380 } 
381 if (songn==4) 
382 
383 song="4.mp3"; // 读 取 音 频 文件 
384 if (df==1) 
385 songmap="4.1.txt"; // 读 取 map 
386 else 
387 songmap="4.2.txt"; 
388 } 
(2) 鼓点 类 


Drumbeat.pde 记 录 了 每 个 鼓点 的 基础 信息 ， 


方法 包括 : 绘制 鼓点 、 室 


让 class Drumbeat 
2 { 
3 float x=-50; // 初 始 坐标 
4 float y=225; 
5 float speed=5; // 每 帧 移动 距离 
6 int fx // 击 中 时 坐标 
7 int fy; 
8 int sx; //miss 时 的 坐标 
9 int sy; 
10 int tx? // 终 点 坐标 
33 int ty? 
12 int dcolor; // 斋 击 颜 色 
13 int combostate; // 连 击 状 态 
14 int num; // 鼓 点 编号 
15 int missstate; // 错 误 鼓 点 
16 
17 void resetbeat (int nums) 
18 { 
19 X=825; // 运 动 前 初始 坐标 
20 y=225; 
21 speed=5; // 每 帧 移动 5 像素 
22 combostate=0; // 连 击 状态 
23 Dum=numsy7 
24 missstate=0; // 错 误 鼓 点 
25 } 
26 float drumx() // 返 回 当前 鼓点 x 坐标 
27 { 
28 return x; 
29 } 
30 void showbeat (int s) // 显 示 对 应 颜色 鼓点 
31 { 
32 if (s==0||s==4) 
33 { 
34 dcolor=0; 
35 stroke (255) 7 
36 strokeWeight (5) 7 
37 fi11 (#F01111); // 红 色 
38 ellipse (x, y, 50, 50); 
39 } else if (s==8||s==12) 
40 
41 dcolor=8; 
42 stroke (255); 
43 strokeWeight (5); 
44 fil1 (#0A9CFA); // 蓝 色 
45 ellipse (x, y, 50, 50); 
46 } 
47 } 
48 
49 void move () // 鼓 点 移动 
50 { 
51 
52 if (x>-50) 
53 x=x-speed; 
54 if (x-250<50&&x-250>-50) 
// 连 击 统计 
55 if (dcolor==bcolor) 
56 if (keyPressed&&combostate==0||serialstate==1&&sa!=-1) 
57 { 
58 imagestate=1; // 激 活 图 片 
59 imageframe=8;  // 图 片 显 示 帧 数 
60 combo++; // 连 击 统计 数 加 一 
61 combostate=1;  // 激 活 连 击 状态 
62 fill1(0; 102; 153)7 
63 text (combo, 100, 100); // 显 示 连 击 统计 数 
64 } 
65 if (x-250<-60&&combostate==0&&missstate==0) // 连 击 中 断 
66 
67 Combo=0; 
68 missstate=1; 
69 } 
70 } 
71 } 
(3) 鼓 面 类 
Drum.pde 用 于 绘制 鼓 面 与 处 理 鼓 面 变化 与 音效 。 方 法 包括 : 显示 鼓 面 、 串 口 敲 击 判断 、 键 盘 按键 判断 。 
和 class Drum // 鼓 面 类 
2 { 
k int x; // 鼓 面 坐标 
4 int y; 
5 dt 21 // 左 半径 
6 nt Zs // 右 半径 
7 Drum (int a, int b, int c, int 9d) // 构 造 函 数 
8 { 
9 x=a; 
10 y=b; 
11 rl=c; 
区 rr=d; 
13 
14 void displaydrum() // 显 示 鼓 面 
15 { 
16 £il1] (#F01111); 
下 7 strokeWeight (8) 7 
18 stroke (#0A9CFA); 
19 arc(x, y, rl, rr, HALF PI, HALF PI+PI); 
20 arc(x, y, rl, rr, 3*HALF PI, 3*HALF PI+PI); 
21 } 
22 void serialhitten (int u) // 串 口 硕 击 判 断 
23 { 
24 if (u==1) 
25 { 
26 Pil 
了 arc (x; y; rl, rr, HALE PI, HALF PTI+PI) // 左 鼓 面 
28 inside.trigger(); 站 // 播 放 鼓 声 
这 8 keystatel=1; 
30 } else if (u==2) 
31 
32 FiTIA0Yy 
33 arc(x, y, rl, rr, 3*HALF PI, 3*HALF PI+PI); // 右 鼓 面 


34 
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inside.trigger (); 
keystate2=1; 

} else if (u==3) 

, 
stroke (0) 7 
£ill (#F01111); 
BEC (Ws Yr TL Try HALF PI, HALF PI+PI); 
outside.trigger () 7 
keystate3=17 

} else if (u==4) 
Stroke (0) 7 
£ill (#F01111); 


arc(x, y, rl, rr, 3*HALF PI, 3*HALF PI+PI); 


outside.trigger (); 
keystate4=1; 
上 


// 按 键 敲 击 判断 


void hitten (int u) 
{ 
if (keyPressed) 
{ 


if (u==1) 
{ 
0 


// 左 鼓 边 


// 右 鼓 边 


Seols; Ye LL Te HALF PI, HALF PI+PI); 


if (keystatel==0) 
inside.trigger (); 
keystatel=1; 
} else if (u==2) 
fillL0O0)s 
arc(x, y, rl, rr, 3*HALF PI, 3*HALF PI+PI); 
if (keystate2==0) 
inside.trigger (); 
keystate2=1; 
} else if (u==3) 
: 


stroke (0) 7 

£ill (#F01111); 

EC (xX; Y; rl rr; HALF PI, HALF PI+PI); 

if (keystate3==0) 

outside.trigger () 7 

keystate3=1; 
} else if (u==4) 
{ 


stroke (0); 

£ill (#F01111); 

arC (Xx; Yr rl rr; 3*HALE PI, 3*HALEF PI+PI}S 

if (keystate4==0) - 
outside.trigger () 7 

keystate4=1; 


(4) 按键 监听 类 


Mybutlisten.pde 用 于 监听 按键 情况 。 


oamwmmwn 


class Mybutlisten // 按 键 监听 类 
{ 
Char inls // 左 内 鼓 面 
char inr; // 右 内 鼓 面 
char outl; // 左 鼓 边 
char outr; // 右 鼓 边 
Mybut1listen (char a, char b, char c, char d) 
{ 
inl=a; 
in 7 
outl=c; 
outr=d; 
int listenbut () // 监 听 按 键 
€ 
if (key==inl1) 
bcolor=0; //0 代 表 红 色 ，8 代 表 蓝 色 
return 1; 


} else if (key==inr) 


bcolor=0; 
return 2; 
} else if (key==out1) 


bcolor=8; 
return 3; 
} else if (key==outr) 


bcolor=8; 

return 4; 
} else 

return 0; 


// 设 置 按键 


(5) 计时 器 类 


Timer.pde 用 于 计时 与 判断 鼓点 出 现时 机 。 


ee Ee 


class Timer 


{ 


float savedtime; // 计 时 器 何 时 开始 
int timestate=0; 
void start() { 
// 当 计时 器 开启 ， 它 将 当前 时 间 以 毫秒 为 单位 存储 下 来 
savedtime = millis(); 
timestate=1; 
} 
boolean showtime (float showtimes, float nt) 
{ 
float passedtime = millis()- savedtime; 


if ((showtimes-940)<=passedtime&&timestate==1) 


return true; 
} else { 
return false; 
} 
} 


void timereset ()  // 重 置 计时 器 
{ 
timestate=0; 
savedtime=0; 
是 
float now() // 返 回 计 时 器 运行 的 时 间 


{ 


return millis()-savedtime; 


// 判 断 鼓点 是 否 应 该 出 现 


第 14 章 “变脸 弹 珠 台 


14.1 设计 思想 


变脸 弹 珠 台 是 一 款 弹 珠 类 游戏 。 游 戏 界面 用 Processing 来 制作 ， 界 面 中 有 10 个 静止 不 动 的 小 球 (也 叫 得 分 点 ) ， 每 个 小 球 初始 的 表情 是 一 样 的 。 从 屏幕 上 方 随机 位 置 释放 一 个 小 球 ， 即 弹 珠 ， 弹 珠 向 下 
蛙 藻 的 过 程 中 ,撞击 到 得 分 点 可 以 得 分 。 当 得 分 点 被 弹 珠 碰撞 时 ， 其 脸 上 的 表情 会 发 生变 化 ， 共 交替 变换 3 种 表情 ， 每 种 表情 的 分 值 不 同 。 因 此 我 们 给 这 款 游戏 取 名 为 变脸 弹 珠 台 。 利 用 水 银 开关 来 控制 屏幕 
下 方 两 个 挡 板 ， 阻 止 弹 珠 落 入 底部 的 洞口 。 在 此 过 程 中 ， 通 过 操控 底部 的 挡 板 适 当地 击 打 弹 珠 ， 使 之 与 得 分 点 有 更 多 的 碰撞 ， 从 而 获得 更 多 的 分 数 。 
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142 物料 清单 
' Arduino UNO 板 1 块 


“ 水银 开 关 2 个 


“ 杜邦 线 若干 根 


14.3 ”电路 接线 


按照 接线 表 连 接 传感器 的 S 端 与 Arduino 对 应 引 脚 ， 如 表 14-1 所 示 。 水 银 开关 线 接线 图 如 图 14-1 所 示 。 


表 14-1 接线 表 


序 号 模块 名 称 Arduino 对 应 引 脚 备 注 
1 水 银 开关 1 对 应 传感器 引 脚 S 
2 水 银 开关 2 对 应 传感器 引 脚 S 


图 14-1 水 银 开 关 与 Arduino 接 线 图 


14.4 软件 设计 
14.4.1 功能 分 析 与 实现 
1.Arduino 程 序 设 计 
检测 水 银 开关 状态 并 读 取 ， 向 串口 发 送 字符 。 
2.Processing 程 序 设计 
1) 归纳 。 
对 游戏 的 要 求 做 出 分 析 : 弹 珠 台 的 核心 是 碰撞 。 为 了 简化 程序 设计 ， 可 以 归纳 为 小 球 与 小 球 、 小 球 与 直线 之 间 的 碰撞 。 


2) 分 析 与 设计 类 。 


对 小 球 类 ( 弹 珠 ) 分 析 : 小 球 的 基本 属性 有 位 置 、 半 径 、 速 度 、 加 速度 。 基 本 要 求 是 能 够 运动 ， 与 其 他 小 球 相遇 会 发 生 碰撞 ， 并 且 显 示 在 屏幕 上 。 
对 直线 类 (弹射 挡 板 ) 分 析 : 直线 的 基本 属性 有 两 端点 位 置 、 长 度 、 角 度 。 基 本 要 求 是 挡 板 能 够 根据 键盘 的 控制 或 水 银 开关 控制 进行 旋转 ， 与 弹 珠 相遇 会 发 生 碰撞 ， 将 珠子 弹射 出 去 ， 并 且 显 示 在 屏幕 


根据 以 上 的 分 析 ， 将 设计 两 个 类 : 球 类 ( 弹 珠 ) Ball 和 直线 类 (弹射 挡 板 ) Line。 
3) 菜单 背景 设计 。 设 计 背 景 ， 添 加 计 分 功能 。 
4) 编程 。 根 据 设 计 结果 ， 用 Processing 和 Arduino 进 行 互动 编程 。 


综 上 所 述 ， 本 游戏 的 重点 在 于 设计 以 下 几 模 块 : 弹 珠 、 挡 板 、 按 键 与 Arduino、 背 景 。 各 个 模块 根据 一 定 的 逻辑 在 draw 函 数 中 执行 ， 用 全 局 变量 来 标记 各 种 状态 ， 从 而 控制 运行 过 程 。 


14.4.2 ”程序 流程 图 


游戏 程序 总 流程 图 如 图 14-2 所 示 。 


串口 模块 流程 图 如 图 14-3 所 示 。 


判断 键盘 变量 key 


键盘 控制 挡 板 


14.4.3 ”界面 设计 


14-3 ”串口 模块 流程 图 


Processing 设 计 界面 ， 如 


14-4 所 示 。 左 上 角 英 文 为 键盘 操作 的 注释 ， 右 上 角 Goal 表 示 记 录 分 数 。 下 方 有 左右 两 块 挡 板 ， 通 过 水 银 开关 来 控制 挡 板 运动 ， 击 打 弹 珠 ; 挡 板 中 间 是 洞口 ， 


于 弹 珠 跌 


14-4 游戏 界面 


“笑脸 ” 球 是 弹 珠 小 球 ， 如 图 14-5 所 示 。 通 过 挡 板 击 打 弹 珠 使 之 运动 。 屏 幕 上 有 静止 不 动 的 10 个 球 ， 每 次 击 中 它们 可 得 分 ， 称 为 得 分 点 。 得 分 点 的 初始 表情 是 “ 呈 嘴 ” 


， 如 图 


14-6 所 示 。 


| | 


14-5 ”笑脸 表情 


| | 


图 14-6” 啊 嘴 表 情 


当 得 分 点 被 弹 珠 碰 到 时 ， 其 表情 会 发 生变 化 ， 共 交 蔡 变换 3 种 脸型 ， 分 别 为 怪 脸 (图 14-7) 、 固 脸 (图 14-8) 、 哭 脸 (图 14-9) 。 


图 14-7 怪 脸 


图 14-8” 回 脸 


14.5 ”游戏 使 用 说 明 


14-9 ” 冉 脸 


没有 连接 Arduino、 无 法 读 取 到 传感器 数据 时 ， 将 默认 使 用 键盘 的 a 和 | 键 来 操作 游戏 。 按 a 键 触发 左 挡 板 ， 按 | 键 触 发 右 挡 板 。 


连接 Arduino 后 ， 按 o 键 可 开启 串口 ，Arduino 端 使 


两 个 水 银 开关 分 别 控制 左右 挡 板 。 


得 分 规则 : 弹 珠 撞 到 “ 啊 嘴 ”或 “ 哭 脸 ” 球 得 1 分 ，“ 回 脸 ” 球 得 2 分 ，“ 怪 脸 ” 球 得 3 分 。 


弹 珠 掉 入 洞口 则 游戏 结束 ， 显 示 总 得 分 。 


14.6 


源 代码 


1.Arduino 部 分 


oammemwm 


int iDirR = 07 
bool bDir[4] = {true,true,true,true}; 
// 避 免 符 合 条 件 时 字符 连续 显示 
void setup () 
Serial.begin (9600) 7 
PinMode (4, INPUT); 
PinMode (5, INPUT); 
} 


11 void loop() 
12 { 
13 iDirL = digitalRead (4); 
14 iDirR = digitalRead (5); 
15 if( 1 == iDirL && bDir[0] == true) 
16 // 两 次 if 用 于 防震 动 
7 { 
18 delay (200); // 延 时 200ms 再 判断 一 次 
19 if( 1 = iDirL && bDir[0] == true) 
20 { 
21 Serial .print ('1'); // 左 挡 板 旋转 
22 bDir[0] = false; 
23 bDir[1] = true; 
24 } 
25 } 
26 else if( 0 == iDirL && bDir[1] == true) 
2 { 
28 delay (200); 
29 if( 0 == iDirL && bDir[1] =—= true) 
30 { 
3 Serial .print ('0'); // 左 挡 板 复位 
32 bDir[1] = false; 
33 bDir[0] = true; 
34 } 
35 } 
36 
37 if( 1 == iDirR && bDir[2] == true) 
38 { 
39 delay (220); 
40 if( 1 == iDirR && bDir[2] =—= true) 
41 . 
42 Serial .print ('2'); // 右 挡 板 旋转 
43 bDir[2] = false; 
44 bDir[3] = true; 
45 } 
46 } 
47 else if( 0 一 iDirR && bDir[3] 一 true) 
48 { 
49 delay (220); 
50 if( 0 == iDirR && bDir[3] 一 true) 
51 { 
52 Serial .print ('3'); // 右 挡 板 复位 
53 bDir[3] = false; 
54 bDir[2] = true; 
55 } 
56 } 
3 } 
2.Processing 部 分 
(1) 主 程序 


collide_ball3.pde 包 含 了 所 有 的 初始 化 工作 和 主流 程 代码 。 


二 
2 // 需 要 使 用 到 向 量 有 关 类 Vec3D， 在 toxi 中 
3 import processing.serial.*; 
4 // 需 要 使 用 到 串口 有 关 类 Serial， 在 serial 中 
5 
6 Ball myball; // 实 例 化 一 个 小 球 类 
7 Serial myPort; // 实 例 化 一 个 串口 类 
8 PImage img = loadImage ("C: \\new\\background.png"); 
3 // 加 载 背景 图 1 
10 PImage img2 = loadImage ("C: \\new\\background2.png"); 
11 // 加 载 背景 图 2 
12 ArrayList<Ball> balls = new ArrayList<Ball>(); 
13 // 构 建 一 个 列表 bal1s 用 于 存放 小 球 类 对 象 
14 char message = '0';  // 用 于 存放 弹 板 状态 信息 
人 int isSerial = 0; 
16 // 用 于 判断 事 口 是 否 能 用 ， 初 始 化 为 不 可 用 
17 int igoal = 0; // 用 于 计算 得 分 情况 
18 Line myline new Line (new Vec3D(120, 580, 0), 50, PI/6); 
19 // 实 例 化 一 个 直线 类 为 左 挡 板 
20 Line myline2 = new Line (new Vec3D(270, 580, 0), 50,-7*PI/6); 
21 // 实 例 化 一 个 直线 类 为 右 挡 板 
22 
23 void setup () 
24 { 
25 size (400，600，P3D); // 定 义 窗口 大 小 以 及 类 型 
26 frameRate (80) 7 // 设 定 帧 速 为 80 
27 Smooth () 7 // 开 局 平滑 处 理 
28 float r = 30; // 定 义 小 球 半 径 
29 
30 for (int i=0; i<11; i++) // 共 制作 11 个 球 
31 { 
32 if (i==0) 
33 // 第 一 个 球 定义 为 动 球 ， 并 初始 化 位 置 坐 标 、 束 度 、 加 速度 、 编 号 、 半 径 
34 
35 myball = new Ball (new Vec3D (random(0,100),random(0,100),0), new Vec3D (random(20,40),random(20,40),0),new Vec3D(0,0.075,0),i,r); 
36 else if(i<3) 
37 // 之 后 的 球 定义 为 不 动 球 ， 并 初始 化 
38 myball = new Ball (new Vec3D((i-1)*120+150,100,0),i,r); 
3 else if (i<6) 
40 myball = new Ball (new Vec3D((i-3)*120+90,200,0),i,r); 
41 else if(i<8) 
42 myball = new Ball (new Vec3D((i-4)*180-240,340,0),i,r); 
43 else if(i<10) 
44 myball = new Ball (new Vec3D((i-8)*360+20,500,0),i,r); 
45 else 
46 myball = new Ball (new Vec3D((i-9)*210,50,0),i,r); 
47 balls.add (myball); // 把 小 球 加 入 小 球 列表 中 
48 } 
49 } 
50 
51 void draw() 
52 { 
53 background (203); 
54 image (img, -110, 0,width+200, height); // 显 示 背 景 图 1 
35 for (int i=0; 1i<117 i++) 
56 // 循 环 11 次 ， 每 个 球 都 不 断 进 行 以 下 判断 
57 { 
58 Ball temp = balls.get (i); // 处 理 第 i 个 球 
59 temp.display (); // 显 示 小 球 
60 temp.run(); // 球 运动 
61 temp .collideSeparation (balls); 
6 // 监 听 碰撞 ， 并 应 对 
} 
64 Line message(); 
65 // 用 于 从 串口 接收 数据 ， 并 且 传 达 给 直线 
66 Ball move = balls.get(0) // 指 定 move 为 动 球 
67 myline.collideLineAndBall (move); 
68 // 监 听 myline 是 否 与 动 球 发 生 碰撞 
69 myline2.collideLineAndBall (move) 7 
70 // 监 听 myline2 是 否 与 动 球 发 生 碰撞 
71 myline.display (); // 显 示 直 线 
72 myline2.display (); // 显 示 直线 2 
73 
74 // 画 挡 板 两 边 的 直线 
15 strokeWeight (2) 7 
76 line(0,580,120, 580); 


77 line (270, 580, 400, 580); 


78 strokeWeight (1) 7 


79 // 文 本 部 分 

80 Fil LO OO 

81 textSize (20); 

82 text ("Goal:"+igoal, 270, 50); 
5 textSize (17) 7 

84 text ("a:Left", 10, 50); 


85 :Right", 10, 65); 
86 Open Serial", 10, 80); 
87 Close Serial", 10, 95); 
88 noFil] (); 
89 
90 } 
91 
92 void Serial init() // 串口 初始 化 函数 
93 { 
94 try // 尝 试 连接 串口 
95 { 
96 println("connecting to -> " + Serial.list() [0]); 
97 myPort = new Serial (this, Serial.list() [0], 9600); 
98 // 初 始 化 串口 对 象 ， 选 定 端口 、 比 特 率 
99 } 
100 catch (Exception e) // 若 没有 找到 串口 
101 { 
102 Println("can not find the Arduino."); 
103 // 显 示 连 接 失 败 
104 isSerial = 0; // 串 口 不 能 用 
105 } 
106 
107 
108 void Line message() 
109 // 接 收 Arduino 串 口 的 信息 
110 F 
111 if(isSerial==1] && myPort.available() > 0) 
让 1 多 和 
13 message = myPort.readChar (); 
114 // 将 接收 到 的 字符 贼 给 message 
115 } 
116 if (message=='0' | |message=="'1') 
117 
118 myline.run (message, -PI/5, PI/6); 
119 // 将 message 的 情况 作为 实 参 依据 ， 控 制 挡 板 转动 
120 
121 } 
122. else if (message=='2') 
123 { 
124 myline2.run('1',-7*PI/6,-4*PI/5); 
125 } 
126 else if (message=='3') 
127 { 
128 myline2.run('0',-7*PI/6,-4*PI/5); 
129 } 
130 } 
31 
132 void keyPressed() / /键盘 按键 控制 
133 { 
134 IE (key=="'a') 
135 message="'1'; 
136 if (key=="'1') 
Bc message = '3'; 
138 
139 if (key=="'0') 
140 { 
141 isSerial = 1; 
142 Serial init(); 
143 . 
144 IE (key=="'c') 
145 isSerial = 0; 
146 } 
147 
148 void keyReleased () // 键 盘 抬 起 控制 
149 
150 if (key=="'a') 
151 message="'0"'; 
152 if (key=="'1') 
i153 message = '2'; 
154 } 
(2) 球 类 


Ball.pde 定 义 球 类 ， 方 法 包括 : 绘制 弹 珠 ， 移 动弹 珠 ， 改 变 得 分 点 不 动 球 的 变脸 填充 ， 监 听 弹 珠 与 得 分 点 不 动 球 之 间 的 碰撞 。 


1 class Ball // 创 建 Bal1 类 

2 t 

3 Vec3D loc = new Vec3D(0, 0, 0); // 位 置 

4 Vec3D acc = new Vec3D(0, 0, 0); // 加 速度 

5 Vec3D vel = new Vec3D(0, 0, 0); // 速 度 

6 float r;// 直 径 

2 int index; 

8 // 编 号 ， 用 于 判断 是 弹 珠 还 是 变脸 不 动 球 (得 分 

9 boolean colliding = false; // 碰 撞 判 断 

10 int count=2; 

a // 图 片 编号 ， 小 球 的 填充 来 自 外 部 图 片 

13 

14 PImage img;// 创 建 图 片 对 象 

15 

16 Ball(Vec3D loc, Vec3D vel, Vec3D acc,int index, float r) 

DE 

18 {// 构 造 函 数 ， 初 始 化 各 种 属性 参数 

了 和 loc = loc; 

20 vel = vel; 

21 acc = _acc; 

2 index = index; 

23 Es: 

24 img = loadImage ("C:\\Users\\y510\\Desktop\\new\\"+4+". 
png™); 

25 } 

26 

27 

28 Ball(Vec3D loc,int index, float r) 

9 { 

30 loc = _loc; 

31 index index; 

32 r=_ ri 

33 img = loadImage ("C:\\Users\\y510\\Desktop\\new\\"+0+".png"); 

34 

35 } 

36 // 显 示 小 球 函 数 

37 void display() 

38 { 

39 stroke (0) 7 

40 strokeWeight (1) 7 

41 image (img, lo0c.x-r/2, 10c.y-r/2,r,r); 

42 // 引 入 图 片 禾 盖 填 充 

43 ellipse (loc.x, loc.y, r, r); // 画 圆 

44 } 

45 

46 int imgChange () 

47 // 变 色 函 数 ， 用 于 碰撞 后 变 图 

48 全 

49 

50 


51 img = loadImage ("C:\\Users\\y510\\Desktop\\new\\"+count+ 


52 ".png"); 
53 return count; 
54 } 
55 
56 void run() // 弹 珠 运 动 函数 
537 { 
58 vel.addself (acc); // 等 价 于 语句 v=vta， 依 据 公式 : 速度 v=at 
59 
60 vel.limit (6); // 限 制 最 高 速度 
61 loc.addself (vel); // 等 价 于 语句 s=stv， 依 据 公式 : 位 置 s=vt 
62 
63 // 处 理 边界 问题 
64 证 (loc.x>=width-r/2) ”// 弹 珠 碰 到 右边 框 
65 人 
66 Vel.x = -vel.x; 
67 loc.x = width-r/27 
68 
69 else if (loc.x<=r/2) // 弹 珠 碰 到 左边 框 
70 { 
71 Vel.x = -vel.x; 
72 loc.x = r/2; 
13 } 
74 
3 if (loc.y>=height-r/2-20 && (loc.x<120 || loc.x>270)) 
76 // 弹 珠 碰 到 下 边框 ， 要 留 个 洞 
27 { 
78 vel.y = -vel.y/1.2; 
79 loc.y = height-r/2-20; 
80 } 
81 else if(loc.y<=r/2) // 弹 珠 碰 到 上 边框 
82 { 
83 Vel.y = -vel.y; 
84 loc.y = r/2; 
85 } 
86 
87 if(loc.y>=height+30) // 如 果 落 入 洞口 则 出 界 
88 { 
89 image (img2, -110, 0, width+200, height); 
90 // 载 入 背景 2 图 片 
91 textSize (27); 
92 text ("Game is over!\nYour goal is "+igoal+".", 100, 
93 450); 
94 textSize (20); 
95 noLoop (); 
96 } 
97 } 
98 
99 void collideSeparation (ArrayList<Ball> balls) 
100 // 检 测 小 球 碰撞 的 函数 
101 
102 for (Bal1 other: balls) // 遍 历 每 一 个 球 
103 {// 遍 历 每 一 个 balIs 中 每 个 球 
104 float distance = loc.distanceTo (other.1oc) 7 
105 // 求 小 球 间距 离 
106 if(index!=other.index && distance<=(r + other.r)/2 && 
107 !colliding) 
108 {// 距 离 达到 要 求 ，!colliding 为 1 才 可 以 认为 发 生 碰 擅 
109 
110 colliding = true; 
I14 Vec3D n = other.loc.sub (loc) 7 
112 n.getNormalized(); 
113 Vec3D u = vel.sub (other.vel); 
114 Vec3D un = componentVector (u,n); 
15 u = u.sub(un); 
116 
于 了 工 了 if (other.vel.x==0 && other.vel.y==0) 
118 { 
119 vel = u.add (other.vel); 
120 acc.y = 0.075; 
121 } 
122 else if(vel.x==0 &&vel .y==0) 
123 
124 vel .x=0; 
125 vel .y=0; 
126 } 
127 else 
128 { 
129 Vel = u.add (other.vel); 
130 other.vel = un.add (other.vel); 
131 } 
132 
133 if (vel .x==0) 
134 { 
135 igoal += imgChange () 7 
136 } 
站 久 else if (other.vel .x==0) 
138 二 
139 other. imgChange () ， 
140 } 
141 
142 else if (distance>r) 
143 
144 colliding = false; 
145 } 
146 } 
147 上 
148 
149 Vec3D componentVector (Vec3D vector, Vec3D directionVector) 
150 {// 用 于 碰撞 检测 函数 中 的 向 量 计算 
L151 directionVector.getNormalized(); 
152 float dot = vector.x*directionVector.x + vector. 
153 y*directionVector.y + Vector.zx*directionVector.z7 
154 directionVector.x *= dot; 
155 directionVector.y *= dot; 
156 directionVector.z *= dot; 
Lo return directionVector; 
i158 } 
159 } 
(3) Line 类 


Line.pde 定 义 了 Line 类 ， 方 法 包括 : 显示 、 运 动 、 监 听 挡 板 与 弹 珠 间 的 碰撞 等 。 


oammmwm 


class Line // 创 建 直线 类 
{ 
Vec3D Start = new Vec3D(0, 0, 0); // 直 线头 端 
Vec3D End = new Vec3D(0, 0, 0); // 直 线 末 端 
Vec3D Target = new Vec3D(0, 0, 0); // 目 标 


Vec3D Intersection = new Vec3D(0, 0, 0); 
// 与 目标 的 最 近 交 点 

float primeRadian; // 角 度 

float lenght; // 


Line(Vec3D End, float lenght,float primeRadian) 
{// 构 造 函 数 初始 化 属性 参数 
End = _Eng; 
lenght = lenght; 
primeRadian = primeRadian; 
Start.x = End.x + cos (primeRadian) *lenght; 
Start.y = End.y + sin (primeRadian)*lenght; 


} 


void run (char message, float thresholdl, float threshold2) 
{// 挡 板 的 运动 (围绕 固定 点 旋转 ) 


22 Start.x = End.x + cos (primeRadian)*lenght; 


23 Start.y = End.y + sin (primeRadian)*lenght; 
24 if (message=="'1' && primeRadian>threshold1) 
25 { 

26 primeRadian -= 0.1; 

27 } 

28 else if (message=='0'&& primeRadian<threshold2) 
29 { 

30 primeRadian += 0.1; 

31 起 

32 } 

33 

34 void display() 

35 {// 显 示 挡 板 

36 stroke (0); 

37 strokeWeight (5); 

38 point (Start.x, Start.y, Start.z); 

39 point (End.x, End.y, End.z); 

40 point (Target .x, Target.y, Target .2z); 

41 point (Intersection.x, Intersection.y,0); 

42 strokeWeight (7); 

43 strokeCap (ROUND) ; 

44 line(Start.x, Start.y, Start.z, End.x, End.y, End.z); 
45 strokeWeight (1); 

46 } 

47 

48 void getShortestDist () 

49 {// 求 目标 到 挡 板 的 最 短 距离 

50 float lineLength = Start.distanceTo (End); 

S51 float ux = End.x-Start.x, uy = End.y-Start.y; 

52 float ex = ux/lineLength; 

53 float ey = uy/lineLength; 

54 float vx=Target .x-Start.x, vy=Target.y-Start.y; 

55 float f = ex*vxtey*vy; 

56 float IntersectionX = Start.xtf*ex; 

57 float IntersectionY = Start.ytf*ey; 

58 Intersection = new Vec3D(IntersectionX, IntersectionY,0); 
59 

60 float qistIntersectionToStart = Intersection.distanceTo( 
61 Start); 

62 float qistIntersectionToPnd = Intersection.distanceTo (End); 
63 if(distIntersectionToStart>=lineLength) { 

64 Intersection = new Vec3D (End); 

65 }else if(distIntersectionToPnd>=1ineLength) { 
66 Intersection = new Vec3D (Start); 

67 } 

68 } 

69 

70 void collideLineAndBall (Ball move) 

71 { // 监 听 直 线 与 挡 板 间 的 碰撞 

72 Target = move.loc; 

73 getShortestDist (); 

74 if(Intersection.distanceTo (move.1oc) <move.r/2) 
25 { 

76 move.vel = move.loc.sub (Intersection) 7 

77 move.acc.y = 0.040; 

78 } 

19 } 


注意 Vec3D 类 在 外 部 的 插件 里 ， https://bitbucket.org/postspectacular/toxiclibs/downloads/。 


选择 下 载 toxiclibs-complete-0020.zip。 解 压 后 的 全 部 文件 夹 放 在 “\ 我 的 文档 \Processing\libraries” 里 即 可 ， 用 到 的 所 有 图 片 都 在 new 文 件 夹 中 。 另 外 ， 有 关 图 片 的 加 载 应 指定 实际 位 置 ， 且 目录 不 能 用 中 


文 ， 否 则 将 会 出 现 运 行 错误 。 


第 15 章 ”奔跑 的 火 染 人 


15.1 设计 思想 


奔跑 的 火柴 人 是 一 款 与 声音 互动 的 跑 酷 游戏 。 应 用 简单 易 上 手 的 Processing 可 视 化 编程 ， 结 合 可 搭配 各 种 硬件 的 Arduino 开 发 板 ， 玩 家 可 以 通过 声音 传感器 控制 游戏 中 的 火柴 人 向 上 跳 起 跨越 一 个 个 障 
碍 。 火 柴 人 碰 触 到 障碍 则 游戏 结束 。 


第 15 章 ”奔跑 的 火柴 人 


15.1 设计 思想 


奔跑 的 火柴 人 是 一 款 与 声音 互动 的 跑 酷 游 戏 。 应 用 简单 易 上 手 的 Processing 可 视 化 编程 ， 结 合 可 搭配 各 种 硬件 的 Arduino 开 发 板 ， 玩 家 可 以 通过 声音 传感器 控制 游戏 中 的 火柴 人 向 上 跳 起 跨越 一 个 个 障 
碍 。 火 柴 人 碰 触 到 障碍 则 游戏 结束 。 


152 物 要 清音 
' Arduino UNO 板 1 块 
:声音 传感器 1 个 


: 杜邦 线 ”若干 根 


15.3 ”电路 接线 


按照 接线 表 连 接 传感器 的 S 端 与 Arduino 对 应 引 脚 ， 如 表 15-1 所 示 。 声 音 传感器 接线 图 如 图 15-1 所 示 。 


表 15-1 接线 表 


二 写 ET ETI 
| 


15-1 声音 传感器 接线 图 


声音 传感器 的 作用 相当 于 一 个 麦克 风 ， 可 用 于 接收 声波 ， 能 感应 到 声音 的 振幅 。 声 音 传感器 模块 共有 4 个 引 脚 ， 从 上 到 下 分 别 是 模拟 输出 口 A0、 地 线 GND、 电 源 VCC 和 数字 输出 口 D0。 其 中 模拟 输出 
A0 可 实时 输出 麦克 风 的 电压 信号 ， 数 字 输 出 口 D0 在 声音 强度 到 达 某 个 阔 值 〈 即 灵敏 度 ， 可 通过 调节 电位 器 来 改变 ) 时 ， 才 输出 高 低 电 平 信号 。 


15.4 软件 设计 


15.4.1 功能 分 析 与 实现 
1.Arduino 程 序 设计 
检测 声音 ， 检 测 到 了 声音 则 向 Processing 发 送信 号 。 
2.Processing 程 序 设计 
游戏 场景 分 为 火柴 人 、 背 景 和 障碍 3 个 部 分 ， 这 3 个 部 分 同时 启动 。 在 火柴 人 奔跑 的 过 程 中 ， 背 景 和 障碍 都 会 移动 。 火 柴 人 跳 起 路 过 障碍 物 时 ， 游 戏 继续 进行 ， 当 火 上 染 人 撞 到 障碍 的 时 候 ， 游 戏 结束 。 


把 游戏 分 成 3 个 独立 的 类 进行 设计 。 


1) 火柴 人 类 ， 动 作 包括 跑 、 跳 、 停 。 在 跑 的 时 候 需要 一 个 跑 动 的 动画 ， 绘 画 起 来 非常 烦琐 。 可 以 通过 贴图 的 方式 来 完成 ， 用 一 个 


片 数组 载 入 一 些 图 片 。 然 后 图 片 不 断 地 切换 ， 达 到 火柴 人 动 起 来 的 效 


网 


果 。 


2) 背景 类 ， 背 景 要 一 直 随 着 火柴 人 的 奔跑 而 不 断 地 变换 。 但 不 可 能 通过 一 张 无 限 长 的 图 片 来 达到 背景 不 断 变 换 的 效果 ， 可 以 找 一 张 头 尾 相 接 的 图 片 一 直 循 环 来 达到 相似 的 效果 。 


3) 障碍 类 ， 与 背景 类 需要 处 理 的 问题 相似 ， 不 断 地 循环 生成 障碍 。 


15.4.2 ”程序 流程 图 


火柴 人 游戏 程序 流程 图 如 图 15-2 所 示 。 


15.4.3 ”难点 与 技巧 


1. 火 柴 人 上 升 、 下 降 


洲 戏 开始 


数据 初始 化 


生成 障碍 


游戏 结束 


火柴 人 的 上 升 和 下 降 要 有 重力 感 ， 可 以 通过 设置 速度 和 加 速度 来 解决 。 按 一 下 UP 键 ， 火 柴 人 会 在 几 个 循环 内 自动 上 升 到 一 个 高 度 再 下 降 回 


断 来 实现 。 


更 新 火 染 人 、 障 但、 背景 数据 


15-2 ”流程 图 


来 。 可 以 通过 设置 一 个 理想 高 度 的 变量 ， 再 通过 几 次 连续 的 判 


if (y != goalheight) 
{ 
if (y < goalheight) 


yt+=speed; 
speed-=a; 


} else if (y > goalheight) 


{ 
y-=speed; 
speed-=a; 
} 
} else 
{ 
goalheight = 340; 
speed =24; 


if (y ==340) lock = false; 


} 


预 设 火柴 人 游戏 中 的 地 面 高 度 是 340 像 素 ， 通 过 等 差 数列 算 好 上 升 一 定 距离 (本 实例 设置 的 是 上 升 120 像 素 ) 时 的 速度 和 加 速度 。 火 柴 人 在 某 一 时 刻 的 实时 高 度 没有 达到 理想 高 度 ， 就 会 不 断 向 理想 高 度 


靠近 。 当 火柴 人 达到 理想 高 度 后 ， 再 把 原理 想 高 度 变量 中 的 值 改 成 地 面 高 度 的 值 ， 即 340 像 素 。 


2. 障 碍 生成 算法 


每 隔 128 毫 秒 检 测 一 次 是 否 生成 障碍 ， 如 果 和 上 一 个 障碍 的 距离 超过 350 像 素 ， 即 可 生成 障碍 。 生 成 的 障碍 越过 屏幕 左 端 后 ， 标 记 为 越界 。 可 以 设置 20 个 障碍 循环 使 


右边 出 现 ， 作 为 新 的 障碍 循环 使 用 。 障 碍 图 形 如 图 15-3 所 示 。 


， 某 个 障碍 一 旦 


越界 ， 它 会 再 次 从 


15-3 ”障碍 图 形 


3 .动态 背景 算法 


想 让 背景 不 停 地 移动 ， 可 以 找 一 张 头 尾 无 颖 相 接 的 图 片 ， 让 图 片 循环 反复 出 现 ， 从 而 达到 背景 不 停 变 换 的 效果 。 利 用 求 余 操作 ， 设 置 有 两 张 图 片 的 图 片 数 组 。 前 面 的 图 一 旦 越界 立即 补 到 后 面 去 ， 这 样 
游戏 背景 得 以 一 直 变换 ， 背 景 图 如 图 15-4 所 示 。 


图 15-4 背景 图 


15.5 ”界面 设计 


界面 大 小 为 900 像 素 x600 像 素 ， 奔 跑 的 火柴 人 在 不 停 变 换 的 群 山 环绕 的 背景 下 奔跑 ， 一 个 个 的 绿色 小 蘑菇 障碍 从 右面 过 来 ， 如 图 15-5 所 示 。 


图 15-5 游戏 界面 


左上 角 是 提示 符 。 当 玩家 使 用 键盘 时 ， 提 示 符 会 显示 serial off， 表 示 串 口 关 ; 当 使 用 串口 时 ， 提 示 符 会 显示 serial on， 表 示 此 时 可 以 通过 声音 传感器 来 控制 火柴 人 的 跳跃 。 


15.6 ”游戏 使 用 说 明 
默认 使 用 键盘 的 方向 键 的 UP 键 来 控制 火柴 人 的 跳跃 。 若 需要 用 声音 传感器 来 控制 火柴 人 跳跃 ， 可 以 按 o 键 进行 蓝牙 连接 ， 连 接 成 功 后 ， 就 可 以 用 声音 来 控制 火柴 人 了 。 


火柴 人 碰 触 到 障碍 物 则 游戏 结束 ， 此 时 需 重启 程序 来 重新 开始 。 


界面 左上 角 有 serial off 和 serial on 的 文字 显示 ， 用 于 提示 是 否 与 Arduino 板 的 声音 传感器 相连 接 。 


15.7” 源 代码 


1.Arduino 部 分 


1 int sensorpin=A5; // 定 义 使 用 A5 端 口 来 与 传感器 交互 数据 

总 int sensorvalue; 

void setup () 

4 

5 Serial.begin (9600); // 打 开 事 口 ， 比 特 率 为 9600 
6 } 

7 void loop () 

8 { 

9 sensorvalue=analogRead (sensorpin) ; // 读 数据 

10 if (sensorvalue>27) { 

生计 Serial .print (sensorvalue, DEC) ; // 如 果 数 据 大 于 27， 则 发 送 数 据 到 Processing 
12 delay (100); 

13 } 

14 } 


2.Processing 部 分 


(1) 主 程序 Main 


主 程序 流程 包含 了 所 有 的 初始 化 工作 和 主流 程 代码 。 


import processing.serial.*; // 引 入 Processing 的 端口 处 理 库 函 数 
Serial myPort; // 定 义 端口 

Littleman pan; // 火 上 业 人 

Blob blob; // 障 碍 

Back background' // 背 景 


boolean heightflag = false; 
String over; 
boolean serialFlag; 


PPOPAINNLONP 


Po 


void setup () 
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32 
33 
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3 
40 
41 
42 
43 
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46 
47 
48 
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50 
51 
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55 
56 
57 
58 
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60 
61 
62 
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64 
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68 
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70 
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72 
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size (900, 600); 

smooth () 7 

Pan = new Littleman (30, 340); 
blob = new Blob (50，460) 
background=new Back(0, 0); 

Over = new String("game is over"); 


void draw() 


{ 


background (255); 


blob.change (); // 障 碍 展示 
background.display (); // 背 景 展示 
pan.display (); // 火 上 业 人 变化 
blob.display(); / /障碍 展示 
distance (); // 测 量 与 障碍 间 的 距离 
pan.run(); // 火 业 人 奔跑 
blob.run(); // 障 碍 移动 
background.run () 7 // 背 景 移动 


SerialDisplay()7 


void keyPressed () 


了 


if (keyCode == UP && !serialFlag) { 


if (!pan.lock) { 
pan.setjump (220); 
pan.1lock=true; 
} 
} 
if (key 一 
try { 
openSerial (); // 打 开端 口 
} catch (Exception e) { 
println("open failed"); 


ro { 


} 


void openSerial () 


{ 


和 


myPort = new Serial (this, Serial.list() [0], 9600); 
serialFlag = true; 


void serialDisplay() 


{ 


} 


if (serialFlag) { 
if (myPort.available() > 0) { 
Pan.setjump (220); 
pan.1lock=true; 
} 
} 
if (serialFlag) { 


textSize (20); // 设 置 文字 大 小 

text ("serial: open", 200, 50); // 打 印 串 口 状态 

fill(255;, 102; 153)» // 设 置 字体 颜色 
} else { 


textSize (20); 
text ("serial: off", 200, 50); 
FilLI2S55; 0; Ox 

} 


void keyReleased () 


} 


Pan.state = 0; 


void distance () 


{ 


for (int i = 0; i < 20; i++) { 
if ((pow(230-blob.obstacle[i], 2)+pow (pan.y-40+160- 


460, 2) 

) < pow(25, 2)) { 

noLoop () 7 

textSize (60); 

text ("game is over T_T", 200, 300); 


£i11 (255, 102, 153); 


(2) 火柴 人 类 LittleMan 


实现 火柴 人 的 动作 ， 并 记录 状态 等 数据 。 


oamwmemwnh 


class Littleman 


{ 


int state; 
final int x; 
int y; 
int goalheight; 
int speed; 
int a; 
boolean lock; // 跳 起 锁定 
PImage[] photo; 
Littleman(int x, int y) { 
Photo = new PImage[17]; 
for (int i = 4; i< 21; i++) { 
String a IMGO00"+i+".png"; 
println(a); 
Photo[i-4] = loadImage (a); 


} 


state=0; 
this.x = x; 
this.y = y; 
goalheight = 300; 
speed = 12; 
a=1; 

} 

void run() { 


State =++tstate%16+1; 
} 
void stop() { 
state = 07 
} 
void setJjump (int x) { 
goalheight=x; 
} 
void display() { 
if (y != goalheight) { 
if (y < goalheight) { 
y+=speed; // 如 果 小 于 理想 高 度 ， 则 速度 减 小 ， 增 加 高 度 
speed-=a; 
} else if (y > goalheight) { 
y-=speed; // 如 果 大 于 理想 高 度 ， 速 度 减 小 ， 减 小 高 度 
speed-=a; 
} 
} else { 
goalheight = 340; 
speed =24; 
if (y 一 340) lock = false; 


48 image (photo[state], x, y); 
49 
50 


(3) 背景 类 Back 


显示 背景 。 

1 class Back 

2 { 

3 PImage[] background; 

4 nt x // 背 景 ]，Xx4 

号 int y; // 背 景 1，yY 人 入 

6 int count; 

7 int xly // 背 景 2，xl1 坐 标 
8 int x2; // 背 最 2，x2 坐 标 
9 Back(int x, int y) { 

10 background = new PImage[2]; 

11 this.xl=x; 

12 this.x2=x+900; 

13 this.y=y; 

14 for (int i = 0; i< 27 4114+} 1 
15 String a = "background"+" .bmp"; 
16 background[i] = loadImage (a); 
让 } 

18 } 

19 

20 void run() { 

2 Wl 

22 X2——; 

23 } 

24 void display() { 

25 if (xl == -900) { 

26 X1 =900; 

27 } 

28 if (x2 == -900) { 

29 Xx2=900; 

30 } 

31 

32 image (background[0], xl, y); 
33 image (background[1], x2, y); 
34 } 

35 } 


(4) 障碍 类 Blob 


程序 每 隔 128 毫 秒 检测 一 次 是 否 生成 障碍 ， 如 果 此 障碍 与 上 一 个 障碍 的 距离 超过 350 像 素 ， 即 可 生成 新 的 障碍 。 若 生成 的 障碍 越过 屏幕 左 端 ， 则 标记 为 越界 。 


下 class Blob 

2 { 

3 int time; 

4 int[] obstacle; 

5 int y; 

6 int now; 

7 boolean[] mark; // 障 碍 显示 标记 
8 nt 2 // 障 碍 半径 
9 PImage disorder; // 障 碍 图 片 
10 Blob (int r, int y) { 

了 this.y = y; 

12 this.r = r; 

13 obstacle = new int[20]; 

14 mark = new boolean[20]; 

5 now = 07 

16 mark [now]=true; 

17 for (int i = 0; i < 20; i++) { 

18 obstacle[i] = 1300; 

IT } 

20 disorder=loadImage ("obstacle.png"); 
21 stroke (0); 

22 strokeWeight (5) 7 

23 line(0, y, 900, y); 

24 £111(0)s 

A obstacle [now]=1000; 

26 } 

迷 守 void change() { 

28 if (millis()%128 == 0) { 

29 if (abs (obstacle [now]-obstacle[ (now+19)%20])> 
30 =350) { 

31 

32 mark [now]=true; 

33 Dow=++nows207 

34 } 

35 } 

36 } 

37 

38 void run() { 

39 for (int 1 = 0; i < 20; i++) { 

40 if (mark[i]) { 

41 obstacle[i] = obstacle[i]-4; 
42 } 

43 } 

44 } 

45 

46 void display() { 

47 stroke (0); 

48 strokeWeight (5); 

49 fil1(0) 7 

50 for (int i = 0; i < 20; i++) { 

Sl if (obstacle[i]<-r) { 

52 mark[i]=false; 

53 } 

54 } 

55 or (int D0; 1 < 20; i++) +{ 

56 if (mark[i]) { 

57 £111(0)s 

58 // arcl(obstacle[il],y,r,r,PI,2*PI); 
59 image (disorder, obstacle[i]-20, y-46+40); 
60 } 

61 } 

62 } 

63 } 


第 16 章 ”太空 飞船 大 战 小 蜜蜂 


16.1 设计 思想 


结合 Arduino 和 Processing， 制 作 一 款 软 硬 件 融 合 、 由 PS2 择 杆 控制 的 飞行 射击 游戏 。 


敌人 由 普通 的 小 蜜蜂 政 机 和 boss 敌 机 组 成 ，boss 敌 机 耐 打 ， 且 有 追踪 功能 。 主 飞船 可 以 射击 消灭 政 机 或 躲避 敌 机 


的 进攻 ， 并 取得 相应 分 数 。 主 飞船 有 3 条 生命 ， 


每 触 碰 敌 机 一 次 则 损失 一 条 


命 ， 生 命 


第 16 章 ”太空 飞船 大 战 小 蜜蜂 


16.1 


的 进攻 ， 并 取得 相应 分 数 。 主 飞船 有 3 条 生命 ， 


设计 思想 


尽 则 游戏 结束 。 玩 家 的 最 高 历史 得 分 会 被 统计 出 来 ， 并 显示 在 游戏 界面 的 正 上 方 ， 


于 激励 玩家 创造 新 的 纪录 。 


结合 Arduino 和 Processing， 制 作 一 款 软 硬 件 融合 、 由 Ps2 摇 杆 控制 的 飞行 射击 游戏 。 敌 人 由 普通 的 小 蜜蜂 政 机 和 boss 敌 机 组 成 ，boss 敌 机 耐 打 ， 且 有 追踪 功能 。 主 飞船 可 以 射击 消灭 政 机 或 躲避 政 机 


每 触 碰 敌 机 一 次 则 损失 一 条 


命 ， 生 命 


16.2 物料 清音 


“ Arduino UNO 板 1 块 


“ PS2 播 村 1 个 


“杜邦 线 若干 根 


16.3 ”电路 接线 


按照 接线 表 连 接 PS2 摇 杆 引 脚 与 Arduino 对 应 引 脚 ， 如 表 16-1 所 示 。 


表 16-1 接线 表 


序 号 Arduino 引 脚 模块 引 脚 
] 
序 号 模块 引 脚 


本 | 
ES 

一 | - 
2 


16.4 软件 设计 


16.4.1 


功能 分 析 与 实现 


1.Arduino 程 序 设 计 


接地 


接 电源 


连接 X 轴 的 电位 器 ， 输 出 电压 0 ~ 
连接 立轴 的 电位 器 ， 


Arduino 检 测 到 摇 杆 电位 器 电压 变化 ， 经 过 模 数 转换 得 到 数字 量 ， 再 通过 串 


2.Processing 程 序 设计 


上 显示 该 对 象 。 为 了 主 程序 清晰 ， 需 要 创造 一 个 Share 类 把 大 量 的 全 局 变量 放 入 其 中 。 而 且 由 于 类 的 传递 是 引 


实时 读 取 来 自 Arduino 端 发 来 的 字符 ， 解 析 为 主 飞船 飞行 的 行为 。 需 要 设计 背景 、 


在 各 个 类 的 display 方 法 中 加 入 统计 和 更 新 检测 ， 让 每 一 帧 都 在 检测 游戏 中 对 象 的 距离 统计 参数 ， 并 根据 参数 显示 游戏 画面 。display 方 法 名 虽然 是 显示 的 意思 ， 但 是 这 个 函数 在 大 多 数 的 时 候 的 人 有 


新 对 象 的 状态 和 显示 对 象 。 


尽 则 游戏 结束 。 玩 家 的 最 高 历史 得 分 会 被 统计 出 来 ， 并 显示 在 游戏 界面 的 正 上 方 ， 


于 激励 玩家 创造 新 的 纪录 。 
说 明 
( 续 ) 
说 明 


子弹 、 爆 炸 、 主 飞船 、 敌 机 的 类 。 实 例 化 这 些 对 象 ， 让 其 在 每 一 帧 内 更 新 绘图 。 统 一 设计 对 象 display 方 法 F 
传递 而 不 是 值 传递 ， 所 有 接收 这 个 变量 的 对 象 都 可 以 实时 获得 主 飞 船 的 坐标 。 


5V 之 间 


输出 电压 0 ~ 5V 之 间 


向 计算 机 发 送 相关 字符 串 。 由 于 字符 是 以 字符 流 进行 传送 的 ， 需 要 设置 标志 位 来 确定 一 条 状态 信息 的 开始 和 结束 。 


来 在 画板 


是 刷 


我 们 可 以 将 游戏 碰撞 检测 简化 为 圆 形 的 碰撞 检测 。 在 实现 碰撞 检测 的 时 候 有 几 种 思路 ， 第 一 种 可 以 
否 碰撞 时 ， 需 要 读 取 大 量 的 坐标 的 颜色 ， 这 样 会 花费 过 多 的 资源 来 进行 判断 。 而 第 二 种 碰撞 检测 实现 起 来 更 为 简单 ， 
片 。 


颜色 判断 碰撞 ， 第 二 种 可 以 利 


形 的 边缘 距离 来 判断 碰撞 。 


颜色 获取 坐标 像素 点 来 判断 是 


因此 本 游戏 采 


规则 区 


9 边缘 距离 来 判断 碰撞 。 为 了 增强 游戏 效果 可 以 在 原 位 置 贴 上 


此 外 ， 为 增加 游戏 的 竞技 性 ， 还 需要 建立 一 个 positoin.txt 文 档 ， 来 记录 游戏 成 绩 ， 在 每 次 游戏 终止 时 可 以 记录 下 历史 最 高 的 游戏 分 数 。 用 Processing 的 10 类 来 读 取 和 存储 历史 分 数 。 


16.4.2 ”程序 流程 


太空 飞船 大 战 小 蜜蜂 游戏 程序 的 流程 


如 图 16-1 所 示 。 


[ 


初始 化 对 象 ， 读 取 历 史 分 数 


16.4.3 ”难点 与 技巧 


初始 化 时 ， 程 序 会 首先 尝试 连接 摇 杆 ， 如 果 连 接 失 败 ， 则 操控 模式 改 为 键盘 操控 。 
测 函 数 。 此 外 还 有 highscore () 函数 ,上 


生成 敌 机 


相 撞 检测 


来 在 屏幕 上 显示 游戏 的 分 数 。 


图 16- 


主 飞 船 生命 减 1 


1 总 流程 图 


主 程序 中 的 键盘 检测 为 类 中 断 ， 当 按键 按 下 时 不 受 执行 顺序 影响 ， 直 接 改变 标记 变量 的 状态 。 代 码 如 下 : 


void keyPressed( 
' 


) 
if (key == 'w 
if (key 一 's 
if (key 一 'a 
if (key 一 'd 


) main.direction[0] =true; 
') main.direction[1] =true; 
) main.direction[2] =true; 
) main.direction[3] =true; 


程序 顺序 执行 各 个 对 象 的 刷新 函数 和 检测 函数 ， 如 back.display () 的 背景 刷新 函数 或 mode () 键盘 和 端口 模式 检 


整个 游戏 的 设计 比较 复杂 ， 下 面 将 划分 几 个 功能 模块 ， 根 据 不 同 的 类 来 讲述 设计 的 难点 与 技巧 。 


1. 敌 机 类 


敌 机 类 在 代码 中 的 名 称 是 Obstacle， 接 收 Share 类 对 象 和 状态 变量 ， 


boss 战 斗 机 。 


政 机 种 类 有 两 种 ， 一 种 是 普通 小 蜜蜂 敌 机 ， 另 一 种 是 boss 敌 机 。 两 种 敌 机 的 大 小 和 行为 模式 有 所 不 同 ， 可 以 通过 状态 标记 来 进行 


通过 载 入 不 同 颜色 的 敌 机 图 片 来 增强 游戏 体验 ， 本 游戏 提供 4 个 boss 政 机 图 片 和 4 个 普通 敌 机 图 


敌 机 和 主 飞船 看 起 来 是 不 规则 的 
数 代码 如 下 : 


形 ， 但 实际 上 都 是 默认 按照 贺 


Share 对 象 中 保存 一 些 全 局 变量 以 供 调用 。 


而 状态 变量 是 敌 机 的 种 类 ， 当 状态 变量 为 0 时 为 普通 小 密 蜂 战斗 机 ， 当 状态 变量 为 1 时 载 入 


出 


片 随机 选择 。 在 对 象 初始 化 时 载 入 图 片 。 


形 来 处 理 的 。 然 后 在 圆 


上 贴图 


区 分 。boss 敌 机 有 追踪 功能 ， 会 根据 主 飞船 的 位 置 来 进行 追踪 。 


， 经 过 调整 来 达到 游戏 效果 。 测 距 的 时 候 只 需要 运 


平面 直角 坐标 系 中 的 两 点 坐标 距离 公式 即 可 。 测 距 函 


if (i.exist && exist && ((pow(x-i.x, 2)+pow(y-i.y, 2))<distancel) ) { 
// if 判 断 处 的 条 件 即 为 距离 公式 (x1-x2)^2+ (yl-y2) ^2 


blood-—; 
i.exist = false; 
if (blood = 0) { 


// 子 弹 消失 


exist = false; 
Coordinate .score+=77 
} 
} 


程序 生成 一 个 0 到 10 的 float 激 ， 如 果 这 个 数 小 于 0.2 则 程序 生成 一 架 小 蜜蜂 天 机 。 而 当 玩 家 分 数 达到 7 的 倍数 时 ， 程 序 会 生成 boss 敌 机 。 生 成 的 敌 机 位 置 在 水 平 坐标 上 是 随机 的 。 


敌 机 的 生成 代码 放 在 主 程序 的 obstacleDisplay () 中 。 代 码 如 下 : 


if ((coordinate.scoreg%s1l10)==0) { 
Coordinate .Score++7 
coordinate.obstacle.add (new Obstacle (coordinate, 1)); 


} 
if (random(10)<0.2) { 
coordinate.obstacle.add (new Obstacle (coordinate, 0)); 


在 Obstacle 中 可 以 看 到 ， 其 x 坐标 是 this.x=random (600) ，x 坐 标 是 随机 的 ， 但 是 y 坐 标 始终 从 0 开始 ， 通 过 display 函 数 显示 在 画板 上 。 


普通 小 蜜蜂 敌 机 和 boss 敌 机 如 图 16-2 所 示 。 


图 16-2 ” 敌 机 


2. 背 景 类 


代码 中 背景 类 的 名 称 是 Back， 它 使 背景 不 停 地 变换 。 可 以 找 一 张 头 尾 无 颖 相 接 的 图 片 ， 让 图 片 循环 出 现 ， 从 而 实现 背景 不 停 变 换 的 效果 。 利 用 求 余 操作 ， 设 置 一 个 大 小 为 2 的 图 片 数 组 ， 数 组 中 的 两 张 
图 片 都 载 入 这 张 头 尾 相 接 的 背景 图 片 。 前 面 的 图 一 旦 越界 即 补 到 第 二 张 图 的 后 面 ， 如 此 循环 往复 。 而 为 增加 代码 可 读 性 ， 本 例 创造 了 一 个 背景 的 类 ， 背 景 如 图 16-3 所 示 。 


void update () { 
YL++7 //PImagel 的 y 坐 标 为 0 
Y2++7 //PImage2 的 y 坐 标 -400 


if (yl== 400) yl = -400; 
if(y2 一 400 ) y2 = -400; 
} 


因为 屏幕 设置 为 600x400， 所 以 刚 开 始 时 ，y1 为 0，y2 为 -400。 随 着 每 帧 刷新 ， 两 个 y 坐 标 都 增加 ， 到 了 400 即 图 片 刚好 出 了 显示 框 ， 再 把 它 设 为 -400。 


3. 子 弹 类 


代码 中 子弹 类 的 名 称 是 Bullet， 这 个 类 的 构造 函数 需要 接收 一 个 Share 类 的 对 象 ， 因 为 主 飞船 的 坐标 位 置信 息 放 在 Share 对 象 中 。 代 码 如 下 : 


float x; 
float y; 
int rs 
boolean exist; 
PImage png; 


子弹 从 主 飞 船 的 位 置 向 上 发 射 ， 类 中 需要 有 子弹 的 坐标 位 置 ， 有 两 个 变量 分 别 记录 下 x、y 坐 标 。 子 弹 超出 屏幕 后 无 需 显 示 。 


关于 测 距 ， 默 认 按 照 子 弹 为 圆 形 来 进行 测 距 ， 测 距 函 数 放 在 敌 机 类 里 。 当 敌 机 对 象 检 测 到 相 撞 时 ， 敌 机 对 象 会 修改 子弹 对 象 的 显示 状态 ， 让 子弹 消失 。 


载 入 图 片 来 美化 子弹 ， 并 通过 display 函 数 显示 在 屏幕 上 。 子 弹 图 片 如 图 16-4 所 示 。 


4 爆炸 特效 类 


爆炸 特效 Explosion 会 在 击毁 的 敌 机 位 置 出 现 ， 爆 炸 特效 是 通过 连续 的 图 片 切换 实现 爆炸 效果 的 。 每 次 需要 爆炸 时 ， 程 序 会 调用 


对 象 就 会 消失 在 屏幕 中 。 因 此 这 个 爆炸 对 象 需要 此 处 的 坐标 值 。 


爆炸 类 里 面 的 state 变 量 会 在 循环 一 次 之 后 修改 为 false， 也 就 是 创建 一 个 爆炸 的 对 象 。 对 象 会 在 画板 上 绘制 一 次 爆炸 的 过 程 ， 然 后 就 不 再 显示 在 画板 上 了 ， 如 图 


OO 0Q WY 


5. 主 飞船 类 


在 代码 中 主 飞船 类 名 称 是 Main ， 构 造 函 数 中 ， 需 要 接收 一 个 Share 类 的 对 象 ， 因 为 Share 类 中 存储 了 一 些 全 


关于 坐标 与 移动 由 x、y 的 坐标 值 来 表示 主 飞 船 所 在 画布 的 位 置 ， 由 up () 、down ( 


测 距 函数 放 在 敌 机 类 里 ， 对 主 飞 船 和 敌 机 的 距离 进行 测量 ， 当 敌 机 触 碰 到 主 飞 船 时 ， 


图 16-4 子弹 


创建 一 个 新 的 爆炸 对 象 ， 这 个 对 象 会 在 调用 位 置 播放 一 次 爆炸 动画 ， 然 后 


图 16-5 所 示 。 
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图 16-5 ”爆炸 效果 


) 、lef () 、right () 来 移动 主 飞 船 的 位 置 。 


‘yw 


EE 


局 性 的 变量 ， 子 弹 类 需要 接收 其 对 象 来 获得 相关 变量 信息 。 


主 飞 船 通过 display 函 数 进行 显示 ， 如 图 16-6 所 示 。 


主 飞 船 就 损失 一 条 生命 。 计 算 距 离 时 ， 默 认 都 是 圆 形 来 测 距 ， 


平面 直 


角 坐 标 两 点 距离 公式 即 可 。 


6.Share 类 


Share 类 中 记录 了 一 些 公 用 的 变量 。 
结束 判定 等 。 


为 了 使 得 主 程序 更 加 简洁 ， 


通过 Processing 内 置 的 IO 类 来 读 取 和 保存 游戏 记录 。 代 码 如 下 : 


图 16-6 主 飞船 


一 些 对 多 个 对 象 有 影响 作用 的 变量 放 到 了 此 处 ， 有 记分 变量 


、 主 飞船 的 坐标 、 暂 停 、 主 飞船 的 生命 数 、 端 口 控制 和 键盘 控制 开关 、 游 戏 


reader = createReader ("positions.txt"); 
try { 


line = reader.readLine (); 


catch (Exception e) { 
line = null; 
} 


if (line == null) { 
// 什么 都 不 做 
} else { 
oldhighscore=Integer.parseInt (line); 
Println("this is the high;"+oldhighscore); 


刷新 保存 游戏 记录 。 代 码 如 下 : 


if (blood<1 && !restart) { // 死 亡 判断 函数 ， 如 果 死亡 了 

textSize (20) 7 

text ("game is over!", 200, 200); 

if (score > oldhighscore) { 
output = createWriter ("positions.txt"); 
output.flush (); // 清 除 原 有 内 容 
output .println(""+score); 
output .close() 7 

} 

noLoop (); 


， 就 执行 下 面 的 内 容 


如 果 当 前 局 的 游戏 分 数 超过 以 前 最 高 纪录 ， 则 记录 下 此 局 的 游戏 分 数 。 


16.5 ”界面 设计 


背景 为 宇宙 星空 下 ， 分 辨 率 为 900 像 素 x600 像 素 ， 如 图 16-7 所 示 。 
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图 16-7 游戏 界面 


左上 角 的 小 飞船 是 生命 值 ， 默 认 有 3 条 生命 。 生 命 值 下 方 是 当前 的 分 数 ， 每 击落 一 架 小 蜜蜂 或 大 boss 均 可 得 分 ， 大 boss 分 数值 较 高 。 正 上 方 是 历史 最 高 分 数 记 录 。 右 上 方 是 信息 提示 ， 告 知 玩 家 目前 正 
在 使 用 的 是 键盘 操作 还 是 摇 杆 操作 。 


1) 通过 键盘 或 摇 杆 控制 主 飞 船 在 宇宙 空间 中 躲避 敌 机 ， 飞 船 不 停 地 发 射 炮 弹 击毁 敌 机 。 

2) 主 飞 船 有 3 条 生命 ， 被 小 蜜蜂 敌 机 撞击 或 被 追踪 而 来 的 自杀 敌 机 (boss 敌 机 ) 击 中 后 会 损失 一 条 生命 。 

3) 左上 角 的 小 飞船 是 生命 的 数量 ， 被 击落 3 次 则 游戏 结束 ， 提 示 game is over。 

4) 击落 一 架 敌 机 会 得 分 ， 左 上 角 将 显示 得 分 ， 并 记录 所 有 参与 玩家 的 最 高 得 分 纪录 。 

5) 打开 游戏 前 ， 将 键盘 切换 为 小 写 状态 。 

6) 打开 游戏 后 会 自动 检测 有 无 摇 杆 连接 ， 当 无 连接 的 时 候 默 认 使 用 键盘 ， 当 接 入 摇 杆 时 可 以 按键 来 连接 ， 右 上 角 显 示 当前 控制 模式 (键盘 或 摇 杆 ) 。 


7) 游戏 中 ， 可 以 按 ! 键 重新 开始 。 


1.Arduino 部 分 


下 #define PotXPin AO 

总 #define potYPin Al 

3 char HEADER = 'M'; 

4 void setup () 

5 

6 Serial .begin (9600); // 打 开 囊 口传 送 数据 
7 

8 void loop () 

9 

10 int x = analogRead (PotXPin) 7 
int y = analogRead (PotYPin) 7 
起 Serial .print (HEADER); 

13 Serial .print (","); 

14 Serial .print (x, DEC); 

5 Serial .print (","); 

16 Serial .print (y, DEC); 

17 Serial .print (","); 

18 Serial .println(); 

19 delay (40); 


2.Processing 部 分 


(1) 


程序 War 


主 程序 流程 包含 了 所 有 的 初始 化 工作 和 主流 程 代 码 。 


oo~ammmwm 


import processing.serial.*; 
Main main; 

Share coordinate; 
Back back; 

Serial myPort; 


void setup () 


{ 


si 
Co 
ma 
ba 
tn 


} 
} 


// 主 飞船 

// 部 分 变量 寄存 处 
// 实 时 移动 的 背景 
// 端 口 


ordinate = new Share(300, 300); 


new Main (coordinate); 


ze(600, 400); 
in = 

ck = new Back(); 
WW 


myPort = new Serial (this, Serial.list() [0], 9600); 
myPort.clear (); 

} catch (Exception e) { 

coordinate.keyboard = true; 


void draw() 

{ 
background (255); 
back.display (); // 背 景 刷新 
main.display(); // 主 飞船 刷新 
bulletDisplay (); // 子 弹 刷 新 
obstacleDisplay (); // 敌 机 刷新 
bloodDisplay(); 
scoreDisplay(); 


coordinate.display(); 
if (!coordinate.keyboard) serialControl (); 
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Void k 
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Void k 
4 
if 
用 
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} 


ghcore (); 
de (); // 模 式 选择 
eyPressed () 

(key == 'w') main.direction[0] // 向 上 

(key 's') main.direction[1] // 向 下 

(key 'a') main.direction[2] // 向 左 

(key 一 'd') main.direction[3] // 向 右 
eyReleased () 

(key == 'w') main.direction[0]=false; 

(key 一 's') main.direction[1]=false; 

(key 'a') main.direction[2]=false; 

(key 'd') main.direction[3]=false; 

they = "q+ 

coordinate.pause = !coordinate.pause; 

if (coordinate.pause) noLoop(); 

else loop(); 

(key 一 'r') { 

Coordinate.restart = true; 

loop () 7 

(key 一 'c') { 


if (coordinate.keyboard) { 


try { 


myPort = new Serial (this, Serial.list()[0], 


9600); 


myPort.clear (); 
coordinate.keyboard = false; 


} catch 
: 


(Exception e) { 


} else coordinate.keyboard = true; 


void bulletDisplay() 


水 


} 
for (Bi 


于 
} 


(coordinate.shoot == true) { 

if (frameCount - coordinate.prv > 15) { 
coordinate.bullet.add (new Bullet (coordinate)); 
coordinate.prv = frameCount; 


} 


ullet i : 
i.display(); 


coordinate.bullet) { 


void obstacleDisplay () 


. 


if ((coordinate.score%10)==0) { // 如 果 得 分 是 10 的 倍数 则 生成 poss 
Coordinate.scorett+; 
coordinate.obstacle.add (new Obstacle (coordinate, 1)); 


} 


站 


} 
for (Obstacle i : 


(random(10)<0.2) { // 生 成 普通 敌 机 
coordinate.obstacle.add (new Obstacle (coordinate, 0)); 


i.display(); 


coordinate.obstacle) { 


void bloodDisplay() 


{ 


} 


textSize (12); 
£1i11 (0); 


text (coordinate.blood, 50, 50); 


£i11 (255); 


void scoreDisplay() 


textSize (12); 
text ("score:", 


80, 50); 


text (coordinate.score-1, 120, 50); 


} 


void mode () 


{ 


if (!coordinate.keyboard) { 
textSize (12); 
text ("on serial", 400, 50); 


$ 


} 
} 


else { 


textSize (12); 
text ("on keyboard", 400, 50); 


void serialControl () 


{ 


String message = myPort.readStringUntil (coordinate.LF); 
if (message != null) { 

String[] data = message.split(","); 

if (data[0] .charAt (0) == 'M') { 


if (data.length > 2) { 


131 int tempX Integer.parseInt (data[1]); 
132 int tempY Integer.parseInt (data[2]); 
133 print (x 人 

134 Println (tempX); 

135 Print (vy ”)7 

136 Println (tempY); 

i137 if (tempY < 400) { 

138 main.direction[0] =true; 

139 } else if (tempY > 600) { 

140 main.direction[1] =true; 

141 } Se 并 

142 main.direction 
143 main.direction 
144 

145 if (tempX < 400) { 
146 main.direction[2] =true; 
147 } else if (tempX > 600) { 
148 main.direction[3] =true; 
149 } else { 
150 main.direction[2] = 
151 main.direction[3] = false; 

152 } 

1583 } 

154 } 

15S } 

156 

2 void highscore () 

158 { 

159 textSize (12) 7 

160 text ("highscore: "+coordinate.oldhighscore, 250, 50); 
161 } 


false; 
false; 
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(2) 背景 类 Back 


该 类 用 于 设置 背景 图 片 不 断 滚动 。 


class Back 
PImage[] background; 
ET // 背 景 1， 
int y; // 背 景 1， 
int count; 
int xl; // 背 景 2， 
int xz27 // 背 景 2， 
Back(int x, int y) { 
10 background = new PImage[2]; 
this.xl=x; 
12 this.x2=x+900; 
13 this. 
14 for (lint i = 0; i< 2; i++) 1 
15 String a = "background"+" .bmp"; 
16 background[i] = loadImage (a); 


oo-amwm 必 wh 


18 } 


20 void run() { 

21 区 1 一 一 7 

22 X2——; 

23 . 

24 void display() { 

25 if (xl == -900) { 
26 X1 =900; 

27 } 

28 if (x2 == -900) { 
2 x2=900; 

30 } 


32 image (background[0], xl1, y); 
33 image (background[1], x2, y); 


(3) 子弹 类 Bullet 


该 类 用 来 加 载 子弹 图 片 并 显示 。 


class Bullet 

’ 
float x; 
float y; 
int r; 
boolean exist; 
PImage png; 
Share coordinate; // 部 分 共享 变量 的 对 象 
Bullet (Share coordinate) { 

10 this.coordinate = coordinate; 

1 exist = true; 

= Coordinate.x; 

coordinate.y; 

= loadImage ("pic/bullet .png"); 

10; 


omemwmnh 
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x 
14 pn 
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16 } 
17 void update() { 


20 if (exist) { 
21 cal(); 
22 } 

23 } 

24 void cal() { 

25 Y-=67 

26 } 


28 void des() { 

29 if (x<0 || x>600 || y<0 || y>400) { 
30 exist=false; 

31 4 

32 } 


34 void display() { 
35 update (); 
36 if (exist) { 


38 image (png, x-7, y-7); 


(4) 爆炸 类 Explosion 


爆炸 特效 会 在 击毁 的 敌 机 位 置 爆炸 ， 通 过 连续 的 图 片 切换 实现 爆炸 的 效果 。 


class Explosion 
2 { 


a int state; 

4 float x; 

入 float y; 

6 boolean exist; 

7 PImage[] photo; 

8 String name; 

9 Explosion (float x, float y) { 


10 state = 0; 

11 this.x = x; 

12 this.y = y; 

于 学 Photo = new PImage[6]; 

14 for (int i = 0; i < 67 i++) { 
15 name = "pic/"+(i+2)+".png"; 
诗 冶 /Vsprintln (name); 

17 Photo[i] = loadImage (name); 
18 上 

19 } 

20 void explode() { 

21 image (photo[state], x, y); 

22 State = ++state®6; 

23 } 

24 void display() { 

25 if (exist) { 

26 explode (); 

2 if (state = 0) { 

28 exist = false; 

29 } 

30 } 

31 } 

32 } 


(5) 主 飞 船 类 Main 


在 代码 中 主 飞 船 类 名 称 是 Main， 用 来 控制 飞船 运动 。 


二 class Main 

2 { 

总 int r; 

4 Share coordinate; 

5 int state; 

6 boolean[] direction; 

3 PImage aircraft; 

8 Main (Share coordinate) { 

和 this.coordinate = coordinate; 

10 direction = new boolean[4]; 

11 aircraft = loadImage ("pic/plane2.png"); 
12 基 : 二 泡 07 

13 } 

14 void up() { 

5 if (direction[0] && coordinate.y > 0) { 
16 coordinate.y-=2; 

17 } 

18 } 

19 void down() { 

20 if (direction[1] && coordinate.y < 350) { 
21 coordinate.y+=2; 

22 } 

23 } 

24 void left() { 

25 if (direction[2] && coordinate.x > 0) { 
26 coordinate .x-=2; 

区 7 } 

28 } 

29 void right() { 

30 if (direction[3]&& coordinate.x < 600) { 
3 Coordinate .X+=27 

32 } 

33 } 

34 void display() { 

35 up(); 

36 down (); 

37 left (); 

38 right (); 

3 

40 image (aircraft, coordinate.x-25, coordinate.y-25); 
41 } 

42 } 


(6) 敌 机 类 Obstacle 


Obstacle 类 记录 敌 机 的 类 型 、 位 置 。 


1 class Obstacle 

加 { 

3 float x; 

4 float y; 

号 int r; 

6 

4 

8 int state; // 敌 机 等 级 ， 如 果 是 测量 boss 敌 机 
9 int blood; 

10 float distancel; 

LE float distance2; 

刘 

13 

14 boolean exist; 

15 int shape; // 记录 敌 机 4 种 状态 图 片 
16 Share coordinate; 

二 7 Explosion temp; 

18 PImage photo; 

19 String name; 

20 boolean ok; 

24 int timer; // 敌 机 爆炸 的 帧 数 
至 Obstacle( Share coordinate, int state) { 
区 this.coordinate = coordinate; 
24 this.x = random(600); 

25 this.y = 0; 

26 this.state = state; 

27 exist = true; 

28 

29 if (state == 0) { 

30 r= 20; 

31 blood = 1; 

32 name = "pic/bee"; 

33 shape = int (random(4)); 
34 name +=(shape+1); 

35 name +=".png"; 

36 distancel = 900; 

37 distance2 = 1500; 

38 } 

39 if (state == 1) 4 

40 //big boss 

41 r= 307 

42 blood = 15; 

43 name = "pic/boss"; 

44 shape = int (random(4)); 
45 name += (Shape+1) 

46 name +=".png"; 

47 distancel =3000; 


48 distance2 = 3000; 


49 } 

50 

5 shape = int (random(4)); 

52 

53 

54 Photo = loadImage (name); 
55 } 

56 void follow() { 

57 if (state ==1) { 

58 if (x < coordinate.x 
Eo! if (y < coordinate.y 
60 if (x > coordinate.x 
61 if (y > coordinate.y 
62 } 

63 if (state ==0) { 

64 y+=2; 

65 } 

66 } 

67 void update() { 

68 

69 for (Bullet i : coordinate.bullet) { 

70 if (i.exist && exist && ((pow(x-i.x, 2)+pow(y-i. 
了 y: 2))<distancel) ) { 

72 blood-——; 

73 i.exist = false;//bullet disappear 

74 if (blood 一 0) { 

75 exist = false7 

76 Coordinate .score+=77 

77 } 

78 } 

2 } 

80 if (exist && (pow(x-coordinate.x, 2)+pow(y- 

81 coordinate.y, 2))<distance2) { 

82 

83 exist = false; 

84 coordinate.blood-=1; 

85 Coordinate.scorett+; 

86 } 

87 } 

88 void display() { 

89 update (); 

90 if (exist) { 

91 follow(); 

52 

93 image (photo, x-20, y-15); 

94 } else { 

95 ER 

96 temp = new Explosion (x, y); 

97 temp.exist = true; 

98 ok = !ok; 

99 } 

100 if (timer-- ==0) { 

101 temp.explode (); 

102 } 

103 temp.display (); 

104 } 

105 } 

106 } 


X++7 
YH+7 
和 
y-——; 


(7) Share 类 


Share 类 中 记录 了 一 些 公用 的 变量 ， 为 了 使 得 主 程序 更 加 简洁 ， 一 些 对 多 个 对 象 有 影响 作用 的 变量 放 到 此 处 。 


1 class Share 

2 { 

3 int x; 

4 int y; 

5 int score; 

6 int blood; 

7 int prv; 

8 ArrayList<Bullet> bullet; 

9 ArrayList<Obstacle> obstacle; 

10 boolean pause; 

卫 二 PImage show; 

12 boolean restart; 

13 int oldhighscore; 

14 int LF = 10; 

15 boolean keyboard; 

16 boolean shoot; 

TR PrintWriter output; 

18 BufferedReader reader; 

19 String line; 

20 Share (int x, int y) { 

21 this.x = x; 

22 this.y = y; 

23 score 

24 prv = 一 

25 blood = 3; 

26 shoot = true; 

2 

28 bullet = new ArrayList<Bullet>(); 

29 obstacle = new ArrayList<Obstacle> () 7 
30 show = loadImage ("pic/planel .png"); 
31 

32 reader = createReader ("positions.txt"); 
了 EY 

34 line = reader.readLine (); 

3 } catch (Exception e) { 

36 line = null; 

37 } 

38 if (line == null) { 

39 

40 

41 } else { 

42 oldhighscore=Integer.parseInt (line); 
43 

44 println("this is the high;"+oldhighscore); 
45 } 

46 } 

47 void display() { 

48 if (blood<1 && !restart) { 

49 

50 textSize (20); 

51 text ("game is over!", 200, 200); 
52 if (score > oldhighscore) { 

5 output = createWriter ("positions.txt"); 
54 output.flush (); 

5 output .Println (""+SCOre) 7 

56 output .close (); 

57 noLoop (); 

58 } 

59 } 

60 if ( restart) { 

61 restart = ! restart; 

62 bullet = new ArrayList<Bullet>(); 
63 obstacle = new ArrayList<Obstacle>(); 
64 if (score > oldhighscore) { 

65 oldhighscore = score ; 

66 output = createWriter ("positions.txt"); 
67 output .flush (); 

68 output .println(""+score); 

69 output .close (); 

70 } 


71 score = 1; 


72 
73 
74 
5 
76 
2 
78 
79 
80 
81 
82 


prv = -3; 

blood = 3; 

} 

for (int i = 0, j=60; i< blood; i++, j+=50) 
fil1(250，0，0)7 


image (show, j, 0); 
fil1(255) 


{ 


